Dom属性

DOM属性(childNodes, nodeType, nodeValue, nodeName, firstChild, lastChild)

childNodes 属性

  element.childNodes 返回一个数组，这个数组包含给定元素节点的全体子元素

var  element  =  document.getElementsByTagName( " ul " );
var  oElement  =  element[ 0 ].childNodes;
for ( var  i  =   0 ; i  <  oElement.length; i ++ ){
  alert( typeof  oElement[i]);
}

 

---

 

nodeType 属性

node.nodeType 返回一个数值

nodeType 属性总共有12种可取值，但其中仅有3种具有使用价值：元素节点、属性节点、文本节点的 nodeType 的属性值分别是 1、2、3。

元素节点 的 nodeType 属性值是 1。

属性节点 的 nodeType 属性值是 2。

文本节点 的 nodeType 属性值是 3。

var  element  =  document.getElementsByTagName( " ul " );
var  oElement  =  element[ 0 ].childNodes;
for ( var  i  =   0 ; i  <  oElement.length; i ++ ){
  alert(oElement[i].nodeType);
}

 

---

 

nodeValue 属性

node.nodeValue 检索或设置节点的值

var  text  =  document.getElementsByTagName( " p " );
alert(text[ 0 ].childNodes[ 0 ].nodeValue);
text[ 0 ].childNodes[ 0 ].nodeValue  =   " OK-value " ;
alert(text[ 0 ].childNodes[ 0 ].nodeValue);

 

---

 

nodeName 属性

node.nodeName 返回一个大写字符串（节点名）

var  name  =  document.getElementsByTagName( " p " );
alert(name[ 0 ].nodeName);

 

---

 

firstChild 属性

node.firstChild 直接访问childNodes[]数组的第一个元素

var  parent  =  document.getElementsByTagName( " p " );
var  child  =  parent[ 0 ].firstChild;
alert(child.nodeValue);

 

---

 

lastChild 属性

 node.firstChild 直接访问childNodes[]数组的最后一个元素

var  parent  =  document.getElementsByTagName( " p " );
var  child  =  parent[ 0 ].lastChild;
alert(child.nodeValue);

 

---

 

Examples:

< p > Hello World !< span > OK !!!< / span>< / p >
  < script type = " text/javascript " >
  <!--
  var  element  =  document.getElementsByTagName( " p " );
  var  childs  =  element[ 0 ].childNodes;
  for ( var  i  =   0 ; i  <  childs.length; i ++ ){
      alert(childs[i].nodeType);
      i  !=   1   ?  alert(childs[i].nodeValue) : alert(childs[i].childNodes[ 0 ].nodeValue);
  }
 
  var  first  =  element[ 0 ].firstChild;
  alert(first.nodeType);
  alert(first.nodeValue);
  alert(first.nodeName);
 
  var  last  =  element[ 0 ].lastChild;
  alert(last.nodeType);
  alert(last.nodeValue);
  alert(last.nodeName);
  -->
  < / script>

推荐javascript dom学习网站

http://www.javascriptkit.com/domref/index.shtml