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 元素）的值，您能够获取或设置。

## 编程接口

可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。

所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。

方法是您能够执行的动作（比如添加或修改元素）。

属性是您能够获取或设置的值（比如节点的名称或内容）。

## innerHTML 属性

获取元素内容的最简单方法是使用 innerHTML 属性。

innerHTML 属性对于获取或替换 HTML 元素的内容很有用。

### 实例

下面的代码获取 id="intro" 的 <p> 元素的 innerHTML：

### 实例

    <html>
    <body>

    <p id="intro">Hello World!</p>

    <script>
    var txt=document.getElementById("intro").innerHTML;
    document.write(txt);
    </script>

    </body>
    </html>

亲自试一试

在上面的例子中，getElementById 是一个方法，而 innerHTML 是属性。

innerHTML 属性可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>。

## nodeName 属性

nodeName 属性规定节点的名称。

- nodeName 是只读的
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 与属性名相同
- 文本节点的 nodeName 始终是 #text
- 文档节点的 nodeName 始终是 #document

注释：nodeName 始终包含 HTML 元素的大写字母标签名。

## nodeValue 属性

nodeValue 属性规定节点的值。

- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本本身
- 属性节点的 nodeValue 是属性值

## 获取元素的值

下面的例子会取回 <p id="intro"> 标签的文本节点值：

### 实例

    <html>
    <body>

    <p id="intro">Hello World!</p>

    <script type="text/javascript">
    x=document.getElementById("intro");
    document.write(x.firstChild.nodeValue);
    </script>

    </body>
    </html>

亲自试一试

## nodeType 属性

nodeType 属性返回节点的类型。nodeType 是只读的。

比较重要的节点类型有：

元素类型 | NodeType
--- | ---
元素 | 1
属性 | 2
文本 | 3
注释 | 8
文档 | 9

- DOM 方法
- DOM 访问