Comment utiliser getElementsByClassName() ? Résumé de l'utilisation de l'instance getElementsByClassName()

Nous avons introduit plus tôt quelques sélecteurs nouvellement ajoutés dans HTML5, à savoir querySelector(), querySelectorAll() et getElementsByClassName(). Ces trois éléments ont leurs propres fonctions uniques. Si nécessaire, vous pouvez lire le contenu pertinent dans le combat et l'analyse réels HTML5. Aujourd'hui, je vais vous présenter l'attribut classList. ​

À quoi sert exactement l’attribut classList ? Laissons classList tranquille pour l’instant. Nous réfléchissons à la question suivante : comment supprimer l'un des noms de classe parmi les éléments portant plusieurs noms de classe ? Menglong a lutté avec son cerveau et a finalement trouvé un moyen d'y parvenir.

Supprimez le nom de classe meng parmi les trois noms de classe li, meng et long.

Le code est le suivant

HTML代码
<p class="li meng long">梦龙小站</p>　　
JavaScript代码
//获取要删除类名meng的p
var

1 Combat réel HTML5 et analyse de l'attribut classList

Introduction :

J'ai introduit quelques sélecteurs nouvellement ajoutés en HTML5, à savoir querySelector(), querySelectorAll() et getElementsByClassName. (). Ces trois éléments ont leurs propres fonctions uniques. Si vous en avez besoin, vous pouvez lire le contenu pertinent dans le combat et l'analyse réels HTML5. Aujourd'hui, je vais vous présenter l'attribut classList.

2. Combat réel HTML5 et analyse du sélecteur CSS - méthode getElementsByClassName()

Introduction :

La méthode querySelector() et la méthode querySelectorAll() en HTML5 vous ont été présentées dans les articles précédents. Savez-vous comment. et bien tout le monde comprend ?

Passons en revue ici. La méthode querySelector() renvoie le premier élément qui correspond au sélecteur CSS passé ; la méthode querySelectorAll() renvoie tous les éléments qui correspondent au sélecteur CSS passé ; , qui est un objet NodeList.

Après un bref examen, permettez-moi de partager une nouvelle méthode : la méthode getElementsByClassName().

【Recommandations de questions et réponses associées】 :

javascript - Comment obtenir l'indice du tableau getElementsByClassName() ?

javascript - Pourquoi le code suivant ne peut-il pas changer l'identifiant en classe

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!