Maison > Article > interface Web > JavaScript a-t-il des collections ?

JavaScript a-t-il des collections ?

醉折花枝作酒筹original: 2021-07-16 11:43:372617parcourir

Il existe des collections en JavaScript. L'objet HTMLCollection en JavaScript est une liste (collection) d'éléments HTML sous forme de tableau. La méthode getElementsByTagName() renvoie un objet HTMLCollection.

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

Il existe des collections en JavaScript. L'objet HTMLCollection en JavaScript est une liste (collection) d'éléments HTML sous forme de tableau. La méthode getElementsByTagName() renvoie un objet HTMLCollection.

Collection DOM en JavaScript :

L'attribut length définit le nombre d'éléments dans la HTMLCollection :

Exemple :

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript HTML DOM</h1>

<p>Hello World!</p>

<p>Hello China!</p>

<p id="demo"></p>

<script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = 
"此文档包含 " + myCollection.length + " 段文字。";
</script>

</body>
</html>

Effet :

JavaScript a-t-il des collections ?

Explication des exemples :

Créer une collection de tous les < ; p> elements

Afficher la longueur de la collection

Remarque :

HTMLCollection n'est pas un tableau !

HTMLCollection peut ressembler à un tableau, mais ce n'est pas un tableau.

Vous pouvez parcourir des listes et référencer des éléments par des nombres (tout comme des tableaux).

Cependant, vous ne pouvez pas utiliser de méthodes matricielles telles que valueOf(), pop(), push() ou join() sur HTMLCollection.

【Apprentissage recommandé : Tutoriel avancé javascript】

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!

JavaScript html Length 对象 dom

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quels sont les moyens d’obtenir des éléments en JavaScript ?Article suivant：Quels sont les moyens d’obtenir des éléments en JavaScript ?

Articles Liés

Voir plus