js 操作HtmlDom 学习笔记二

1、<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","/ajax/demo_post.asp",true);
xmlhttp.send();
}

</script>

2、var tag=childNodes ;alert(tag[0].nodeName)获得该元素的所有子节点,如果不包含子节点则他们的childNode属性永远返回一个空数组 如果想判断摸个元素是否包含子节点可以使用haschildNodes()方法进行快速判断。如果想知道指定元素子节点的个数可以用 node.childNodes.length属性快速获取。

childNodes属性是只读属性，如果需要给某个元素增加子节点 可以使用appendChild()或者 insertBefore()方法 如果要删除摸个子节点 课可以用removeChild()方法;

3、firstChild和lastChild

取得节点的第一个子节点  和最后一个子节点  node.childNodes[0]=node.firstChild  .node.childNodes[node.childNodes.length-1]=node.lastChild.

4、parentNode

5、nextSibling 和previousSibling 指定节点的下一个和上一个相邻节点

6、documentElement