HTML 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

HTML DOM 属性相关推荐

XML DOM – 属性和方法概述
属性和方法向 XML DOM 定义了编程接口. 编程接口 DOM 把 XML 模拟为一系列节点对象.可通过 JavaScript 或其他编程语言来访问节点.在本教程中,我们使用 JavaScript. ...
html的区域大小,JavaScript位置与大小（1）之正确理解和运用与尺寸大小相关的DOM属性...
在web开发中,不可避免遇到要计算元素大小以及位置的问题,解决这类问题的方法是利用DOM提供的一些API结合兼容性处理来,所有内容大概分3篇左右的文章的来说明.本文作为第一篇,介绍DOM提供的与尺寸大 ...
dom属性和html属性_HTML属性
dom属性和html属性 Attributes are used to provide additional information of a tag such as it's alignments, ...
【Jquery系列】之DOM属性
1 概述本章将结合JQuery官方API,对Jquery属性进行分析与讲解.主要讲.addClass(),.attr(),,hasClass(),,html(),.prop(),.removeA ...
html属性是dom属性吗,HTML DOM 属性对象
HTML DOM 属性对象 HTML DOM 节点在 HTML DOM (Document Object Model) 中, 所有的都是节点: 文档是文档节点所有 HTML 元素是元素节点所 ...
html dom怎么写,HTML DOM 属性
HTML DOM 属性属性是节点(HTML 元素)的值,您能够获取或设置. 编程接口可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问. 所有 HTML 元素被定义为 ...
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
这篇文章,主要介绍JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性.DOM增删改查. 目录一.JS中的DOM 1.1.什么是DOM 1.2.获取DOM结点 (1)获取htm ...
解决webstorm调试js时Evaluate脚本获取dom属性丢失问题
解决webstorm调试js时Evaluate脚本获取dom属性丢失问题,百思不得其解,最后找到,原因出在webstorm调用chrome调试接口时设置了一个"ownProperties&q ...
DOM属性的增删改、属性的其他操作及DOM事件
一.BOM属性的增删改 Ⅰ.获取标签document.getElementById() Ⅱ.获取属性值方法一:document.write(inObj.value); 方法二:document.wr ...
JQ DOM属性操作
DOM属性操作一.常见的属性操作属性列表属性版本说明 attr() 1.0 设置或返回文档节点的属性. removeAttr() 1.0 移除文档节点的属性. prop() 1.6 设置或返 ...