Heim > Artikel > Web-Frontend > Verwendung von DOM-Knotenoperationen in JavaScript (Quellcode)
Verwendung von DOM-Knotenoperationen in JavaScript (Quellcode)
- 云罗郡主nach vorne
- 2018-10-18 13:48:422249Durchsuche
Der Inhalt dieses Artikels befasst sich mit der Verwendung von DOM-Knotenoperationen in JavaScript (Quellcode). Ich hoffe, dass er für Freunde hilfreich ist.
So erstellen Sie einen Knoten
1. document.createElement() //创建元素节点 2. document.createTextNode() //创建文本节点 3. document.createAttribute() //创建属性节点 4. cloneNode()使用方法：被克隆的节点对象.cloneNode(value); value 值为false（默认）或true，false表示只克隆节点及其属性，true表示克隆节点及其属性以及其后代。
Einige Verwendung von Knoten
例：<body>你好</body> 1. nodeValue用法 //一般用于文本节点
2. nodeName-Verwendung // Im Allgemeinen für Elementknoten verwendet, sind die zurückgegebenen Elementnamen alle Großbuchstaben
Dokumentkörper .nodeName //So erhalten Sie den Attributknoten BODY
:
①document.body.getAttributeNode("属性名")
②document.body.attributes[0] //获取body中的第一个属性节点Der Textknoten verwendet nodeName, um #text zurückzugeben
3 (Häufig verwendete) Knotentypen:
元素节点 1
属性节点 2
文本节点 3
注释 8
文档 9 （即document.nodeType返回9）Attributoperationen
⑴对象.setAttribute('属性名','属性值');
⑵对象.className = '属性名';
⑶var attr = document.createAttribute('属性名');
attr.nodeValue = '属性值';
对象.setAttributeNode(attr);2. Attribute löschen
⑴对象.removeAttribute('属性名');
⑵var attr = 对象.getAttributeNode('属性名');
对象.removeAttributeNode(attr);
附：getAttribute('属性名')返回属性值。
⑶针对于input标签中的checkbox可使用：
对象.checked = false 使其不被选中；
附：设置对象.checked = value时，应直接将value的值
设为true或false，如果将value设置为一个字符串，
会将该字符串转化为boolean类型再赋值，会消耗性能。Das Obige ist die vollständige Einführung, wenn Sie mehr darüber erfahren möchtenJavaScript-Video-Tutorial , bitte achten Sie auf die chinesische PHP-Website.
Das obige ist der detaillierte Inhalt vonVerwendung von DOM-Knotenoperationen in JavaScript (Quellcode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!