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

Java乔晓松-JavaScript加强2

元素节点

//测试元素节点,输出节点名称,节点的类型,节点的值

  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++){

   alert(liElements[i].childNodes[0].nodeName);

   alert(liElements[i].childNodes[0].nodeType);

   alert(liElements[i].childNodes[0].nodeValue);

 

   liElements[i].childNodes[0].nodeValue="南京";

   alert(liElements[i].childNodes[0].nodeValue);

 

   //另一种读取方法