节点属性
2016-12-23 本文已影响32人
LOOK_LOOK
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
- nodeName : 节点的名称
- nodeValue ：节点的值
- nodeType ：节点的类型
一、nodeName 属性:
节点的名称，是只读的。
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 是属性的名称
- 文本节点的 nodeName 永远是 #text
- 文档节点的 nodeName 永远是 #document
二、nodeValue 属性：
节点的值
- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本自身
- 属性节点的 nodeValue 是属性的值
三、nodeType 属性:
节点的类型，是只读的。
以下常用的几种结点类型:
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
任务
试一试，在<script>的标签内容，获取所有LI标签，并输出相应节点的名称、节点的值、节点的类型。
案例
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>节点属性</title>
</head>
<body>
<ul>
<li>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
var nodename=lis[i].nodeName;
var nodevalue=lis[i].nodeValue;
var nodetype=lis[i].nodeType;
document.write("nodename "+nodename+"<br>nodevalue "+nodevalue+"<br>nodetype "+nodetype+"<br>");
}
</script>
</body>
</html>
效果图
效果图
