Utilisation des opérations du nœud DOM en JavaScript (code source)-js tutoriel-php.cn

Utilisation des opérations du nœud DOM en JavaScript (code source)

云罗郡主

Libérer： 2018-10-18 14:01:20

avant

2316 Les gens l'ont consulté

Le contenu que cet article vous apporte concerne l'utilisation des opérations des nœuds DOM en JavaScript (code source). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Utilisation des opérations du nœud DOM en JavaScript (code source)

Comment créer un nœud

1. document.createElement()  //创建元素节点
2. document.createTextNode() //创建文本节点
3. document.createAttribute() //创建属性节点
4. cloneNode()使用方法：被克隆的节点对象.cloneNode(value); 
value 值为false（默认）或true，false表示只克隆节点及其属性，true表示克隆节点及其属性以及其后代。

Copier après la connexion

À propos du nœud Certains usages

例：<body>你好</body>
1. nodeValue用法  //一般用于文本节点

Copier après la connexion

2. usage nodeName // Généralement utilisé pour les nœuds d'éléments, les noms d'éléments renvoyés sont tous en majuscules

document.body.nodeName //BODY

Comment obtenir des nœuds d'attribut :

①document.body.getAttributeNode("属性名")
②document.body.attributes[0] //获取body中的第一个属性节点

Copier après la connexion

Les nœuds de texte utilisent nodeName pour renvoyer #text

3. Types de nœuds (couramment utilisés) :

元素节点   1 
    
属性节点   2  
文本节点  3   
注释      8   
 文档      9   （即document.nodeType返回9）

Copier après la connexion

Opérations sur les attributs

⑴对象.setAttribute(&#39;属性名&#39;,&#39;属性值&#39;);
 ⑵对象.className = &#39;属性名&#39;;
 ⑶var attr = document.createAttribute(&#39;属性名&#39;);
    attr.nodeValue = &#39;属性值&#39;;
    对象.setAttributeNode(attr);

Copier après la connexion

2. Supprimer les attributs

    ⑴对象.removeAttribute(&#39;属性名&#39;);
    ⑵var attr = 对象.getAttributeNode(&#39;属性名&#39;);
    对象.removeAttributeNode(attr);
    附：getAttribute(&#39;属性名&#39;)返回属性值。
    ⑶针对于input标签中的checkbox可使用：
    对象.checked = false 使其不被选中；
    附：设置对象.checked = value时，应直接将value的值
    设为true或false，如果将value设置为一个字符串，
    会将该字符串转化为boolean类型再赋值，会消耗性能。

Copier après la connexion

Ce qui précède est l'introduction complète, si vous voulez en savoir plus sur Tutoriel vidéo JavaScript, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!