Résumé des façons d'obtenir des éléments DOM dans js

Résumé de la façon d'obtenir des éléments

1. Obtenez l'élément en fonction de la valeur du. attribut id et le renvoyer est un objet élément

document.getElementById("id属性的值");
document.getElementById("btn");

[Recommandations de cours associées : Tutoriel vidéo JavaScript]

2. Obtenez l'élément basé sur. le nom de la balise et le renvoyer. C'est un pseudo tableau, qui stocke plusieurs objets DOM

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");

Les suivants, certains navigateurs ne prennent pas en charge

3 . Obtenez des éléments en fonction de la valeur de l'attribut name et renvoyez un pseudo-tableau, qui stocke plusieurs objets DOM

document.getElementsByName("name属性的值")
document.getElementsByName("name1")

4. style Pour obtenir l'élément par son nom, ce qui est renvoyé est un pseudo-tableau, qui stocke plusieurs objets DOM

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")

5. Obtenez l'élément en fonction du sélecteur et. return est un objet élément

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id，类，标签等选择器用的比较多

6. Obtenez l'élément en fonction du sélecteur, et ce qui est renvoyé est un pseudo-tableau, qui stocke plusieurs objets DOM

document.querySelectorAll("选择器的名字")

Cet article provient de la rubrique tutoriel js, bienvenue pour apprendre !

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!