jacascript DOM节点——元素节点、属性节点、文本节点

元素节点

　　元素节点就是HTML标签元素，元素节点主要提供了对元素标签名、子节点及属性的访问；

　　元素节点的三个node属性：nodeType：1、nodeName/TagName：元素的标签名大写、nodeValue：null；

　　其父节点 parentNode 指向包含该元素节点的元素节点 Element 或文档节点 Document；

　　元素的 childNodes 属性中包含了它的所有子节点，这些子节点可能是元素、文本、注释、处理指令节点；

　　childNodes 结合 NodeType 可以检查有几个元素子节点：

   <ul class="list" id="list">      <li class="in"></li>      <li class="in"></li>    </ul>    <script>      var oList = document.getElementById('list');      var children = oList.childNodes;      var num = 0;      for(var i = 0; i < children.length; i++){        if(children[i].nodeType == 1){          num++;        }      }      console.log(num);//2  有2个元素子节点      </script>

　　操作属性的方法主要有hasAttribute()、getAttribute()、setAttribute()、removeAttribute()四个，可以针对任何属性使用，包括那些以HTMLElement类型属性的形式定义的属性；

 <div class="wrapper" id='test' for="nice" style="width:200px;height:100px;background:#f0f">123</div>    <script type="text/javascript">      var oTest = document.getElementById('test');      //IE6/IE7不支持hasAttribute方法      console.log(oTest.hasAttribute('class'));//true      console.log(oTest.hasAttribute('className'));//false        console.log(oTest.hasAttribute('id'));//true      console.log(oTest.hasAttribute('style'));//true      console.log(oTest.hasAttribute('for'));//true      console.log(oTest.hasAttribute('htmlFor'));//false    </script>