/**

* document object model

* Node節(jié)點

* 元素節(jié)點(div,span,p)

* 文本節(jié)點<div>content</div>

* 屬性節(jié)點 <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元素節(jié)點 2屬性節(jié)點 3文本節(jié)點

// 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);

// }