HTML DOM 可以访问和查找 HTML 元素

访问 HTML 元素（节点）

访问 HTML 元素等同于访问节点

我们可以使用以下方式来访问 HTML 元素

1. 通过使用 getElementById() 方法
2. 通过使用 getElementsByTagName() 方法
3. 通过使用 getElementsByClassName() 方法

getElementById() 方法

getElementById() 方法返回带有指定 ID 的元素引用

语法

node.getElementById( "id" );

下面的范例获取了 id="intro" 的元素

document.getElementById("intro");

运行范例 »

getElementsByTagName() 方法

getElementsByTagName() 返回带有指定标签名的所有元素

语法

node.getElementsByTagName( "tagname" );

下面的范例返回包含文档中所有 <p> 元素的列表

document.getElementsByTagName("p");

运行范例 »

下面的范例返回包含文档中所有 <p> 元素的列表，并且这些 <p> 元素应该是 id="main" 的元素的后代（子、孙等等）

document.getElementById("main").getElementsByTagName("p");

运行范例 »

getElementsByClassName() 方法

getElementsByClassName() 方法返回带有相同类名的所有 HTML 元素

注意： getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效

语法

node.getElementsByClassName( "class_name" );

下面的范例返回包含 class="intro" 的所有元素的一个列表

document.getElementsByClassName("intro");

运行范例 »