parentElement children

children 子元素 / parentElement 父元素

<pre><b>nodeObject.children 子元素</b> <<c>div id="Mdiv"> <<c>div> 111 <<c>/div> <<c>a> 222 <<c>/a> <<c>h1> 333 <<c>/h1> <<c>p> 444 <<c>/p> <<c>/div> <div id="dp"></div> </pre> <div id="Mdiv"> <div>111</div> <a>222</a> <h1>333</h1> <p>444</p> </div> <script> var txt="" ; txt += "Mdiv.children.length = " + Mdiv.children.length ; txt += "<br>" ; txt += "<br>Mdiv.children[0].nodeName= " + Mdiv.children[0].nodeName; txt += "<br>Mdiv.children[1].nodeName= " + Mdiv.children[1].nodeName; txt += "<br>Mdiv.children[2].nodeName= " + Mdiv.children[2].nodeName; txt += "<br>Mdiv.children[3].nodeName= " + Mdiv.children[3].nodeName; txt += "<br>" ; txt += "<br>Mdiv.children[0].innerHTML= " + Mdiv.children[0].innerHTML ; txt += "<br>Mdiv.children[1].innerHTML= " + Mdiv.children[1].innerHTML ; txt += "<br>Mdiv.children[2].innerHTML= " + Mdiv.children[2].innerHTML ; txt += "<br>Mdiv.children[3].innerHTML= " + Mdiv.children[3].innerHTML ; dp.innerHTML =txt; </script> <style> #Mdiv {display:none} input:focus {background-color: yellow} input {background-color: lime } pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:30px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><b>nodeObject.parentElement 父元素</b> <<c>div id="Mdiv"> <<c>div id="div"> 111 <<c>a id="a"> 222 <<c>/a> <<c>h1 id="h1"> 333 <<c>/h1> <<c>/div> <<c>p id="P"> 444 <<c>/p> <<c>/div> <div id="dp"></div> </pre> <div id="Mdiv"> <div id="div"> 111 <a id="a"> 222 </a> <h1 id="h1"> 333 </h1> </div> <p id="p"> 444 </p> </div> <script> var txt="" ; txt += "<br>p.parentElement.id = "+ p.parentElement.id ; txt += "<br>h1.parentElement.id = "+ h1.parentElement.id ; txt += "<br>a.parentElement.id = "+ a.parentElement.id ; txt += "<br>div.parentElement.id = "+ div.parentElement.id ; txt += "<br>a.parentElement.parentElement.id = "+ a.parentElement.parentElement.id ; dp.innerHTML =txt; </script> <style> #Mdiv {display:none} input:focus {background-color: yellow} input {background-color: lime } pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:30px;color:blue;} r{font-size:20px;color:red;} </style>

00

Edit

#html #網頁格式 #style #div #script parentElement #script children #script parentElement 父元素 #script children 子元素 #script nodeObject.parentElement #script nodeObject.children