节点属性

来源:互联网 发布:云势软件 张英男 编辑:程序博客网 时间:2024/05/22 17:41

在文档对象模型(DOM)中,每个节点都是一个对象。DOM节点有三个重要的属性:

1.nodeName:节点的名称

2.nodeValue:节点的值

3.nodeType:节点的类型

一。nodeName属性:节点的名称,是只读的

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

2.属性节点的nodeName是属性的名称

3.文本节点的nodeName永远是#text

4。文档节点的nodeName永远是#document

二.nodeValue 属性:节点的值

1.元素节点的nodeValue是undefind或null

2.文本节点的nodeValue是文本自身

3.属性节点的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 node=document.getElementsByTagName("li");
    for(var i=0;i<node.length;i++){
        document.write("li["+(i+1)+"]:"+"<br/>"+"节点名:"+node[i].nodeName+"<br/>");
        document.write("节点值:"+node[i].nodeValue+"<br/>");
        document.write("节点类型:"+node[i].nodeType+"<br/><br/>")

    }
  </script>
</body>
</html>

0 0
原创粉丝点击