Heim > Artikel > Web-Frontend > Was bedeutet Element in HTML?
Was bedeutet Element in HTML?
- 醉折花枝作酒筹Original
- 2021-06-04 15:14:3810259Durchsuche
In HTML bedeutet „Element“ den Knoten am angegebenen Index in der Knotenliste, und das Syntaxformat ist „document.element object.childNodes.item(value)“. Knoten werden in der Reihenfolge sortiert, in der sie im Quellcode erscheinen, und der Index der Knotenliste beginnt bei 0.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Ich wusste nie, dass Javascript eine ähnliche Funktion wie eq() in jQ hat. Es stellt sich heraus, dass item() von nativem Javascript ähnliche Funktionen hat:
Da es sich um natives Javascript handelt, lernen wir zunächst den Unterschied zwischen Kindern und ChildNodes :
1, childNodes: Es handelt sich um ein Standardattribut, das eine Sammlung untergeordneter Elemente des angegebenen Elements zurückgibt, einschließlich HTML-Knoten, aller Attribute und Textknoten. Sie können anhand von nodeType bestimmen, um welchen Knotentyp es sich handelt. Nur wenn nodeType==1 ist, handelt es sich um einen Elementknoten, 2 um einen Attributknoten und 3 um einen Textknoten.
2, Kinder: Nicht-Standard-Attribut, das eine Sammlung untergeordneter Elemente des angegebenen Elements zurückgibt. Es gibt jedoch nur HTML-Knoten zurück, nicht einmal Textknoten. Obwohl es sich nicht um ein Standard-DOM-Attribut handelt, wird es wie die innerHTML-Methode von fast allen Browsern unterstützt.
Beispiel
Gibt den ersten untergeordneten Knoten des Elements zurück:
document.body.childNodes.item(0);
Testcode: zu testende W3c-Adresse
<!DOCTYPE html>
<html>
<body>
<p id="p1">
<p class="demo">点击按钮来获得 body 元素0个子节点的名称。</p>
<p class="demo">点击按钮来获得 body 元素1个子节点的名称。</p>
<p class="demo">点击按钮来获得 body 元素2个子节点的名称。</p>
<p class="demo">点击按钮来获得 body 元素3个子节点的名称。</p>
</p>
<p id="demo"></p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.getElementById("demo");
var p1 = document.getElementById("p1");
x.innerHTML = p1.childNodes.item(3).nodeName;
//x.innerHTML = p1.children.item(1).nodeName; //children得到的是元素节点
}
</script>
</body>
</html>Im Folgenden wird die Verwendung von item() erläutert:
Definition und Verwendung
item()-Methodenknoten list Der Knoten am angegebenen Index.
Die folgenden beiden Syntaxen führen zum gleichen Ergebnis:
document.body.childNodes.item(0); document.body.childNodes[0];
Empfohlenes Lernen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas bedeutet Element in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!