dome获取子元素&文本节点&元素节点2019-06-10

/**

* document object model

* Node节点

* 元素节点(div,span,p)

* 文本节点<div>content</div>

* 属性节点 <div class="tank">

*/

var tanks = document.getElementsByTagName("div")[0];

// console.log(tanks);

// console.log(tanks.innerText);

// console.log(tanks.getAttribute("class"));

// tanks.setAttribute("abc","yours");

// tanks.setAttribute("class","yourclass");

// tanks.onclick = function() {

//              // tanks.setAttribute("class","tanks red");

// tanks.className="tanks red";

// console.log(this);

// }

//console.log(tanks.innerText);

//var p = document.querySelector(".tanks p");

//console.log(p.innerText);

//nodeType 1元素节点 2属性节点 3文本节点

// var children = tanks.childNodes;

// for(var i=0;i<children.length;i++){

// var child = children[i];

// if(child.nodeType=="3")

// console.log(child.nodeValue);

// if(child.nodeType=="1")

// console.log(child.childNodes[0].nodeValue);

// }