javascript12-DOM节点

//DOM节点
/*
window.onload=function(){
var box=document.getElementById('box');
//alert(box.nodeName);//获取元素节点的标签名 等价于tagName
//alert(box.nodeType);//元素节点类型1，属性节点2，文本节点3
//alert(box.nodeValue);
//alert(box.innerHTML);
};


//文本节点


window.onload=function(){
var box=document.getElementById('box');
//alert(box.childNodes);//返回子节点列表
//alert(box.childNodes[0]);//文本节点:测试
//alert(box.childNodes[1]);//元素节点:倾斜
//alert(box.childNodes[2]);//文本节点:结尾

//alert(box.childNodes[0].nodeValue);
}
//通过判断文本的类型  
window.onload=function(){
var box=document.getElementById('box');
for(var i=0;i if(box.childNodes[i].nodeType ===1){
alert("元素节点"+box.childNodes[i].nodeName);
}else if(box.childNodes[i].nodeType===3){
alert("文本节点"+box.childNodes[i].nodeValue);
}
}
}




window.onload=function(){
var box=document.getElementById('box');
//alert(box.childNodes[box.childNodes.length-1].nodeValue);//获取第一个子节点
//alert(box.firstChild.nodeValue);//获取最后一个子节点
//alert(box.lastChild.nodeValue);//获取第一个子节点
//alert(box.ownerDocument);//返回根对象
}
*/
/*

测试DIV
倾斜
结尾

window.onload=function(){
var box=document.getElementById('box');
//alert(box.parentNode);
//alert(box.firstChild.previousSibling);
//alert(box.firstChild.nextSibling.nodeName);//BOX这个节点的第一个节点 测试DIV的下一个节点名 倾斜
alert(box.lastChild.previousSibling.nodeName);

}




window.onload=function(){
var box=document.getElementById('box');
alert(box.attributes.length);//属性节点的个数
}
*/