HTML DOM 访问

w3school 在线教程

## HTML DOM

- DOM 教程
- DOM 简介
- DOM 节点
- DOM 方法
- DOM 属性
- DOM 访问
- DOM 修改
- DOM 内容
- DOM 元素
- DOM 事件
- DOM 导航
- DOM 总结

## DOM 实例

- DOM 实例

## DOM 参考手册

- DOM 参考

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# HTML DOM 访问

- DOM 属性
- DOM 修改

访问 HTML DOM - 查找 HTML 元素。

## 访问 HTML 元素（节点）

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

您能够以不同的方式来访问 HTML 元素：

- 通过使用 getElementById() 方法
- 通过使用 getElementsByTagName() 方法
- 通过使用 getElementsByClassName() 方法

## getElementById() 方法

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

### 语法

    node.getElementById("id");

下面的例子获取 id="intro" 的元素：

### 实例

    document.getElementById("intro");

亲自试一试

## getElementsByTagName() 方法

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

### 语法

    node.getElementsByTagName("tagname");

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

### 实例 1

    document.getElementsByTagName("p");

亲自试一试

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

### 实例 2

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

亲自试一试

## getElementsByClassName() 方法

如果您希望查找带有相同类名的所有 HTML 元素，请使用这个方法：

    document.getElementsByClassName("intro");

上面的例子返回包含 class="intro" 的所有元素的一个列表：

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

- DOM 属性
- DOM 修改