首頁 > 開發者 > JavaScript
標籤：-- nod nbsp value 標籤 span ack doc element
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><div id="dv"> <span>這是div中的第一個span標籤</span> <p>這是div中的第二個元素,第一個p標籤</p> <ul id="uu"> <li>喬峰</li> <li>鹿茸</li> <li id="three">段譽</li> <li>卡卡西</li> <li>雛田</li> </ul></div><script src="common.js"></script><script> var ulObj = my$("uu"); //ul標籤的父級節點 console.log(ulObj.parentNode); //ul標籤的父級元素 console.log(ulObj.parentElement); var divOBJ = my$("dv"); //div的子節點 console.log(divOBJ.childNodes); //div的子項目 console.log(divOBJ.children); //div var dvObj = document.getElementById("dv"); //擷取裡面的每個子節點 for (var i = 0; i < dvObj.childNodes.length; i++) { var node = dvObj.childNodes[i]; //nodeType:--->節點類型:1---標籤,2---屬性,3---文本 //nodeName:--->節點名字:大寫的標籤名----標籤,小寫屬性名稱---屬性,#text---文本 //nodeValue:--->節點值:標籤---null,屬性---屬性的值,文本---常值內容 console.log(node.nodeType + "======" + node.nodeName + "======" + node.nodeValue) } //div var dv1Obj = document.getElementById("dv"); //擷取的是屬性的節點 var node1 = dv1Obj.getAttributeNode("id"); console.log(node1.nodeType + "======" + node1.nodeName + "======" + node1.nodeValue);</script></body></html>
JavaScript擷取相關節點
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
