js DOM节点

标签：nbsp   log   dev   获取元素   name   元素   tag   方式   标签   

===========================元素节点  4种方式获取====================

var oDiv = document.getElementById("box");　　　　　　　　//通过Id获取元素
var oDiv = document.getElementsByClassName("div")[0];　　 //通过类名获取元素　　--》[ 0 ]　必须写
var oDiv = document.getElementsByTagName("div")[0];　　　 //通过标签名获取元素   --》[ 0 ]　必须写
var oDiv = document.getElementsByName("nana")[1];　　　　//通过名字获取元素　   --》[ 1 ]　必须写

===========================获取节点所有的子节点====================

<div id="box" class="div" style="width: 30px;height: 50px;" name="nana">我是一个文本节点<!--我是注释节点-->

　　<span name="nana" class="div">我是一个span标签</span>

</div>

var oDivChilds = oDiv.childNodes; 

console.log( oDiv.attributes );

{0: name, 1: class, 　　name: name, class: class}

===========================获取元素节点的属性节点====================

var oDivAttris = oDiv.attributes;
console.log( oDivAttris[0].nodeName,oDivAttris[0].nodeValue,oDivAttris[0].nodeType);

name nana 2

js DOM节点

标签：nbsp   log   dev   获取元素   name   元素   tag   方式   标签   

原文地址：https://www.cnblogs.com/wang1ming/p/10235906.html