DOM操作

标签：

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:获取该元素上一个兄弟节点

DOM操作

标签：

原文地址：http://www.cnblogs.com/jiaoen/p/5406147.html