首頁 > 開發者 > JavaScript
標籤：
<html><head><title>DOM對象</title></head><body><div >DOM對象</div>1.DOM節點</br><script type="text/javascript">var root = document.documentElement;// var oHead = root.firstChild;//var oHead = root.childNodes[0];var oHead = root.childNodes.item(0);//var oBody = root.lastChild;var oBody = root.childNodes[1];document.write("根節點 : ", root.nodeName ,"</br>");document.write("前端節點 : ", oHead.nodeName ,"</br>");document.write("文檔節點 : ", oBody.nodeName ,"</br>");document.write("子節點數量 : ", root.childNodes.length ,"</br>");/*var arr = root.childNodes;for(var i = 0; i < arr.length; i++) { document.write("文檔節點 : ", arr[i].nodeName ,"</br>");}*/document.write("body子節點數量 : ", oBody.childNodes.length ,"</br>");document.write("標題 : ", oBody.childNodes[0].firstChild.nodeValue ,"</br>");</script>2.DOM節點關係</br><script type="text/javascript">document.write("父節點 : ", root == oHead.parentNode ,"</br>");document.write("父節點 : ", oBody == oHead.parentNode ,"</br>");document.write("前節點 : ", oHead == oBody.previousSibling ,"</br>");document.write("前節點 : ", oBody == oHead.previousSibling ,"</br>");document.write("後節點 : ", oBody == oHead.nextSibling ,"</br>"); </script></body></html>
rs:
javascript DOM對象 第18節
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
