节点介绍 #

node 节点，浏览器默认在一个 html 页面中的所有内容都是节点（包括标签、注解、文字文本等）

• 元素节点：HTML 标签
• 文本节点：文字内容（大部分浏览器会把空格和换行也当做文本节点）
• 注解节点
• document 文档节点

元素节点

• nodeType:1
  • 属性含有某个节点的名称
• nodeName: 大写标签名（在部分浏览器的怪异模式下，我们写的标签名是小写，它获取的就是小写。..)
  • 对于元素节点，因为本身不直接包含文本，所以 nodeValue 是不可用的。当然你也可以在示例中自己写试试看有什么结果出现。
  • 对于文本节点，nodeValue= 文本值
  • 对于属性节点，nodeValue= 属性值
• nodeValue:null
  • 对于元素节点，nodeType=1
  • 对于文本节点，nodeType=3
  • 对于属性节点，nodeType=2
  • 对于注释元素，nodeType=8
  • 对于文档元素，nodeType=9

[curEle].tagName: 获取当前元素的标签名（获取的标签名一般都是大写）

文本节点

nodeType:3
nodeName:#text
nodeValue: 文本内容

注释节点

nodeType:8
nodeName:#comment
nodeValue: 注释内容

文档节点

nodeType:9
nodeName:#document
nodeValue:null

<-- div#box>(ul>li{0$}*3)+div{内容$}*3-->
<div id="box">
        <ul>
            <li>01</li>
            <li>02</li>
            <li>03</li>
        </ul>
        <div>内容1</div>
        <div>内容2</div>
        <div>内容3</div>
 </div>