本文實(shí)例分析了Javascript的節(jié)點(diǎn)關(guān)系。分享給大家供大家參考。具體如下：
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>節(jié)點(diǎn)關(guān)系</title><script type="text/javascript">function Demo() { var divObj = document.getElementById("divDemo"); //獲取父節(jié)點(diǎn) var parentNode = divObj.parentNode; //displayNodeInfo(parentNode); //獲取子節(jié)點(diǎn) var childNodes = divObj.childNodes; //子節(jié)點(diǎn)返回的是一個(gè)集合，即數(shù)組 //alert(childNodes.length); //顯示節(jié)點(diǎn)個(gè)數(shù) //displayNodeInfo(childNodes[0]); //獲取兄弟節(jié)點(diǎn) //----------獲取上一個(gè)兄弟節(jié)點(diǎn) var preBrotherNode = divObj.previousSibling.previousSibling; //標(biāo)簽之間存在空行時(shí)，會(huì)出現(xiàn)一個(gè)空白的文本節(jié)點(diǎn)，在獲取節(jié)點(diǎn)時(shí)，一定要注意。 //displayNodeInfo(preBrotherNode); //----------獲取下一個(gè)兄弟節(jié)點(diǎn) var nextBrotherNode = divObj.nextSibling; displayNodeInfo(nextBrotherNode);}function displayNodeInfo(node) { alert("Name:" + node.nodeName + ",Type:" + node.nodeType + ",Value:" + node.nodeValue);}</script></head><body><input type="button" value="測(cè)試" onclick="Demo()" /><div id="divDemo">div內(nèi)容</div><table> <tr> <td>單元格1</td> <td>單元格2</td> </tr> <tr> <td>單元格3</td> <td>單元格4</td> </tr></table></body></html>希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
