Que signifie l'élément en HTML ?-tutoriel HTML-php.cn

Que signifie l'élément en HTML ?

醉折花枝作酒筹

Libérer： 2023-01-06 11:16:38

original

10336 Les gens l'ont consulté

En HTML, item désigne le nœud situé à l'index spécifié dans la liste de nœuds, et le format de syntaxe est "document.element object.childNodes.item(value)". Les nœuds sont classés dans l'ordre dans lequel ils apparaissent dans le code source et l'index de la liste des nœuds commence par 0.

Que signifie l'élément en HTML ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Je n'ai jamais su que javascript avait une fonction similaire à eq() dans jQ. Il s'avère que le item() du javascript natif a des fonctions similaires :

Puisqu'il s'agit de javascript natif, allons-y. découvrez d'abord les enfants et les childNodes. Différence :

1, childNodes : il s'agit d'un attribut standard qui renvoie une collection d'éléments enfants de l'élément spécifié, y compris les nœuds HTML, tous les attributs et les nœuds de texte. Vous pouvez déterminer de quel type de nœud il s'agit par nodeType uniquement lorsque nodeType==1 est le nœud d'élément, 2 est le nœud d'attribut et 3 est le nœud de texte.

2, children : attribut non standard, qui renvoie l'ensemble des éléments enfants de l'élément spécifié. Mais il ne renvoie que les nœuds HTML, pas même les nœuds de texte. Bien qu'il ne s'agisse pas d'un attribut DOM standard, il est pris en charge par presque tous les navigateurs comme la méthode innerHTML.

Instance

Renvoyer le premier nœud enfant de l'élément :

document.body.childNodes.item(0);

Copier après la connexion

Code de test : adresse w3c à tester

<!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>

Copier après la connexion

Ce qui suit explique l'utilisation de l'élément () :

Définition et utilisation

méthode item() Le nœud à l'index spécifié dans la liste de nœuds.

Les deux syntaxes suivantes produisent le même résultat :

document.body.childNodes.item(0);
document.body.childNodes[0];

Copier après la connexion

Apprentissage recommandé : Tutoriel vidéo HTML

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!