parentElement 父元素 / children 子元素

<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