位置:电子教程 > HTML DOM 教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML DOM 节点
HTML DOM 方法
HTML DOM 属性
HTML DOM 访问
HTML DOM - 修改
HTML DOM - 元素
HTML DOM - 事件
HTML DOM 导航
HTML DOM 总结
当前阅读教程:HTML DOM 教程 > HTML DOM 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML DOM 方法 下一篇: HTML DOM 访问

属性是节点(HTML 元素)的值,您能够获取或设置。

编程接口

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

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

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

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

innerHTML 属性

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

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

实例

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>innerHTML 属性(2d5.net小白教程网)</title>
</head>
<body>
 
     <p id="info">黄菊华老师</p>
    
     <script>
             x = document.getElementById("info").innerHTML
             document.write(x);
     </script>
    
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

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

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

 

nodeName 属性规定节点的名称。

l  nodeName 是只读的

l  元素节点的 nodeName 与标签名相同

l  属性节点的 nodeName 与属性名相同

l  文本节点的 nodeName 始终是 #text

l  文档小白教程网节点的 nodeName 始终是 #document

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

 

nodeValue 属性

nodeValue 属性规定节点的值。

l  元素节点的 nodeValue undefined null

l  文本节点的 nodeValue 是文本本身

l  属性节点的 nodeValue 是属性值

获取元素的值

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

实例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取元素的值(2d5.net小白教程网)</title>
</head>
<body>
 
     <p id="info">黄菊华老师</p>
    
     <script>
             x = document.getElementById("info");
             document.write(x.firstChild.nodeValue);
     </script>
    
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

nodeType 属性

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

比较重要的节点类型有:

元素类型

NodeType

元素

1

属性

2

文本

3

注释

8

文档小白教程网

9


上一篇: HTML DOM 方法 下一篇: HTML DOM 访问
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)