parentElement children 子父元素

parentElement 獲取物件層次中的父物件。
children 獲取元素物件中的子物件。

元素.parentElement 獲取元素物件層次中的父物件。
元素.parentNode 獲取文件層次中的名稱。

<a id="div1">       <div id="div2">              <p id="Myid" onclick="Fparent(this)"></p>       </div> </a>

元素.children.length 獲取元素物件有幾多子元素。
元素.parentNode 獲取文件層次中的名稱。

<div id="Cdiv">            <div></div>           <pre></pre>           <a></a>           <p> </p> </div>

<div style="font-size: 20px ;"> <select id="SLT" style="font-size: 20px ;"> <option value="名城" >名城 </option> <option value="新都城" > 新都城 </option> <option value="第一城" > 第一城 </option> <option value="日出康城"> 日出康城 </option> <option value="瓏門" > 瓏門 </option> <option value="太古城" > 太古城 </option> <option value="嘉湖山莊"> 嘉湖山莊 </option> </select> ☚ id is SLT <div id="DP"></div> </div> <script> var DDP = '<br>﹤script﹥'; DDP += '<br>SLT.length ☛ ' + SLT.length ; DDP += '<br>SLT.<r>children[0].text ☛</r> ' + SLT.children[0].text ; DDP += '<br>SLT.<r>children[1].text ☛</r> ' + SLT.children[1].text ; DDP += '<br>SLT.<r>children[2].text ☛</r> ' + SLT.children[2].text ; DDP += '<br>SLT.<r>children[3].text ☛</r> ' + SLT.children[3].text ; DDP += '<br>SLT.<r>children[4].text ☛</r> ' + SLT.children[4].text ; DDP += '<br>SLT.<r>children[5].text ☛</r> ' + SLT.children[5].text ; DDP += '<br>SLT.<r>children[6].text ☛</r> ' + SLT.children[6].text ; DDP += '<br>﹤/script﹥' ; DP.innerHTML = DDP; </script> <style> r {color:red;} </style>

00

<div id="MM"> ﹤div id="MM"﹥ <i>0000</i> <b>1111</b> <u>2222</u> <li>3333</li> ﹤/div﹥ </div> <div id="DP" style="font-size: 20px ;"></div> <script> var DDP = '<br>﹤script﹥'; DDP +='<br>MM.children.length ☛ ' + MM.children.length ; DDP +='<br>MM.children[0].nodeName☛' + MM.children[0].nodeName; DDP +='<br>MM.children[1].nodeName☛' + MM.children[1].nodeName; DDP +='<br>MM.children[2].nodeName☛' + MM.children[2].nodeName; DDP +='<br>MM.children[3].nodeName☛' + MM.children[3].nodeName; DDP +="<br>" ; DDP +='<br>MM.children[0].innerHTML☛' + MM.children[0].innerHTML; DDP +='<br>MM.children[1].innerHTML☛' + MM.children[1].innerHTML; DDP +='<br>MM.children[2].innerHTML☛' + MM.children[2].innerHTML; DDP +='<br>MM.children[3].innerHTML☛' + MM.children[3].innerHTML; DDP += '<br>﹤/script﹥' ; DP.innerHTML = DDP; </script> <style> r {color:red;} </style>

00

#parentElement 父元素 #html parentElement #html 父元素 #script parentElement #script 父元素