js 操作HtmlDom 學習筆記二
阿新 • • 發佈：2018-12-30
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();
}
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