當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 使用DOM判斷頁面中控件是否嵌套

使用DOM判斷頁面中控件是否嵌套

2012/11/11 15:56:13作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

使用DOM判斷頁面中控件是否嵌套

【實例描述】

判斷頁面控件是否嵌套,主要是判斷某元素是否包含子元素。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(denvermotorcycleaccidentlawyer.com)</title> <script type="text/javascript"> function testa()     {         var mydom=document.getElementById("divtest"); //獲取指定ID的DOM對象         if(mydom.hasChildNodes())            alert("有子節(jié)點");        else            alert("沒有子節(jié)點");     } </script>

</head> <body> <form id="form1" runat="server">       <input type="button" value="test" onclick="testa()"/>       <div id="divtest"></div>     </form> </body> </html>

 

【運行效果】

 使用DOM判斷頁面中控件是否嵌套運行效果

【難點剖析】

本例首先獲取被判斷元素的DoM對象,這通過“getElementById”方法實現(xiàn),然后使用DOM提供的“haschildNodes”方法判斷是否有子節(jié)點。

【源碼下載】

為了JS代碼的準確性,請點擊:使用DOM判斷頁面中控件是否嵌套 進行本實例源碼下載 

標簽: DOM判斷  控件  嵌套