日期:2014-05-16  浏览次数:20513 次

javascript对于节点内容加强

一、元素节点

//测试元素节点,输出节点名称,节点的类型,节点的值  
  1.   var liElements=document.getElementsByTagName("li");  
  2.   for(var i=0;i<liElements.length;i++){  
  3.      alert(liElements[i].nodeName);  
  4.      alert(liElements[i].nodeType);  
  5.      alert(liElements[i].nodeValue);  
  6.   }  


 

二、属性节点

//测试属性节点,输出属性节点名称,节点的类型,节点的值  
  1.   var liElements=document.getElementsByTagName("li");  
  2.   for(var i=0;i<liElements.length;i++){  
  3.       var attrElement=liElements[i].getAttributeNode("value")  
  4.       alert("attrElement.nodeName "+attrElement.nodeName);  
  5.       alert("attrElement.nodeType "+attrElement.nodeType);  
  6.       alert("attrElement.nodeValue "+liElements[i].getAttribute("value"));  
  7.   }  


 

三、文本节点

//测试元素节点,输出节点名称,节点的类型,节点的值  
  1.  var liElements=document.getElementsByTagName("li");  
  2.  for(var i=0;i<liElements.length;i++){  
  3.   alert(liElements[i].childNodes[0].nodeName);