js获取dom
- 通过ID获取:使用
document.getElementById()方法,传入元素的id作为参数,返回匹配的元素对象。
let element = document.getElementById("myElement");
- 通过标签名获取:使用
document.getElementsByTagName()方法,传入标签名作为参数,返回一个HTMLCollection对象,可以通过索引访问其中元素。
let elements = document.getElementsByTagName("div");
let firstDiv = elements[0];
- 通过类名获取:使用
document.getElementsByClassName()方法,传入类名作为参数,返回一个HTMLCollection对象,可以通过索引访问其中元素。
let elements = document.getElementsByClassName("myClass");
let firstElement = elements[0];
- 通过选择器获取:使用
document.querySelector()方法,传入CSS选择器作为参数,返回第一个匹配的元素对象。
let element = document.querySelector("#myDiv .myClass");
- 通过选择器获取多个元素:使用
document.querySelectorAll()方法,传入CSS选择器作为参数,返回一个NodeList对象,可以通过索引访问其中元素。
let elements = document.querySelectorAll("div.myClass");
let firstElement = elements[0];
原文地址: https://www.cveoy.top/t/topic/bnRi 著作权归作者所有。请勿转载和采集!