javascript对于节点内容加强
一、元素节点
//测试元素节点,输出节点名称,节点的类型,节点的值
- var liElements=document.getElementsByTagName("li");
- for(var i=0;i<liElements.length;i++){
- alert(liElements[i].nodeName);
- alert(liElements[i].nodeType);
- alert(liElements[i].nodeValue);
- }
//测试元素节点,输出节点名称,节点的类型,节点的值
var liElements=document.getElementsByTagName("li");
for(var i=0;i<liElements.length;i++){
alert(liElements[i].nodeName);
alert(liElements[i].nodeType);
alert(liElements[i].nodeValue);
}
二、属性节点
//测试属性节点,输出属性节点名称,节点的类型,节点的值
- var liElements=document.getElementsByTagName("li");
- for(var i=0;i<liElements.length;i++){
- var attrElement=liElements[i].getAttributeNode("value")
- alert("attrElement.nodeName "+attrElement.nodeName);
- alert("attrElement.nodeType "+attrElement.nodeType);
- alert("attrElement.nodeValue "+liElements[i].getAttribute("value"));
- }
//测试属性节点,输出属性节点名称,节点的类型,节点的值
var liElements=document.getElementsByTagName("li");
for(var i=0;i<liElements.length;i++){
var attrElement=liElements[i].getAttributeNode("value")
alert("attrElement.nodeName "+attrElement.nodeName);
alert("attrElement.nodeType "+attrElement.nodeType);
alert("attrElement.nodeValue "+liElements[i].getAttribute("value"));
}
三、文本节点
//测试元素节点,输出节点名称,节点的类型,节点的值
- var liElements=document.getElementsByTagName("li");
- for(var i=0;i<liElements.length;i++){
- alert(liElements[i].childNodes[0].nodeName);