NODE操作:

 浏览器把换行当成一个节点

function getChildNodes(obj){

var child = obj.childNodes;

var arr = [];

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

if(i(childs.nodeType == 3 "/^\S + $ /

.test(childs[i].nodeValue)))}

arr.push(childs[i]);

}

return.arr;

}

window.onload = function(){

var wrap = document.getElementById("wrap");

var child = wrap.childNodes;

console.log(getChildNodes(wrap).length);

console.log(wrap.LastChild.nodeType + " "

wrap.lastchild.Node.Value)

-

window.onload = function(){

//创建节点

var div = document.createElement("div")

div.className = " ";

div.style.样式;

document.body.appendChild(div);--(添加子元素)

div2.appendchild(p):如果需要的元素已经存在,会移除元素添加到新元素中(添加)

 div2.removechild(span):将div2里的span标签里的内容删除,但不会从内存中删除(移除)

2.1通过获取元素的方式获取NODE:

document getElementById("")

document getElementByTegName("")

document getElementByName("")

document getElementByClassName("")

 2.2通过NODE关系属性获得引用:

object.parentNode:获得该元素父节点

object.ChildNode:获得对象所有的子节点,只包含次级节点

object.firstchild:获得该元素第一个子节点

object.lastchild:获得元素最后一个子节点

object.nexsibing:获得该下一个兄弟节点

object.prerioussibling:获取该元素上一个兄弟节点