创新互联HTMLDOM教程：HTMLDOM属性

HTML DOM 属性

---

上一节我们学习了HTML DOM方法，现在我们一起来学习一下HTML DOM 属性。

10年的辉南网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整辉南建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“辉南网站设计”,“辉南网站推广”以来，每个客户项目都认真落实执行。

属性是节点（HTML 元素）的值，您能够获取或设置。

---

编程接口

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

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

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

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

---

innerHTML 属性

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

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

实例

下面的代码获取 id="intro" 的

元素的 innerHTML：

实例

Hello World!

尝试一下 »

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

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

---

nodeName 属性规定节点的名称。

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

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

---

nodeValue 属性

nodeValue 属性规定节点的值。

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

---

获取元素的值

下面的例子会取回

标签的文本节点值：

实例

Hello World!

尝试一下 »

---

nodeType 属性

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

下表是比较重要的节点类型：

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

当前名称：创新互联HTMLDOM教程：HTMLDOM属性
本文网址：http://www.hantingmc.com/qtweb/news1/239201.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联