JavaScript HTML DOM 元素:
如何查找和访问 HTML 页面中的 HTML 元素。
1.通过 id 查找 HTML 元素
DOM 中查找 HTML 元素最简单的方法是,使用元素的 id。
本例查找 id=“intro” 的元素:
var myElement = document.getElementById("intro");
如果元素被找到,此方法会以对象返回该元素(在 myElement 中)。
如果未找到元素,myElement 将包含 null。
2.通过标签名查找 HTML 元素
本例查找所有
元素:
var x = document.getElementsByTagName("p");
本例查找 id=“main” 的元素,然后查找 “main” 中所有
元素:
var x = document.getElementById("main");
var y = x.getElementsByTagName("p");
3.通过类名查找 HTML 元素
需要找到拥有相同类名的所有 HTML 元素,请使用 getElementsByClassName()。
本例返回包含 class=“intro” 的所有元素的列表(类数组):
var x = document.getElementsByClassName("intro");
通过类名查找元素不适用于 Internet Explorer 8 及其更早版本。
4.通过 CSS 选择器查找 HTML 元素
需要查找匹配指定 CSS 选择器(id、类名、类型、属性、属性值等等)的所有 HTML 元素,请使用 querySelectorAll() 方法。
本例返回 class=“intro” 的所有
元素列表:
var x = document.querySelectorAll("p.intro");
querySelectorAll() 不适用于 Internet Explorer 8 及其更早版本。