parentElement

parentElement 父元素 / children 子元素

<div id="DP"></div> <div id="parentID" class="parentclass" style="font-size:24px"> <img src="xxx" onerror="myFunction(this)"> <div>AAA</div> <a>AAA</a> <h1>AAA</h1> </div> <script> var DP=""; function myFunction(x) { var Mdiv=x.parentElement; DP+= "var Mdiv = x.parentElement = " + x.parentElement ; DP+= "<br>MdivtagName = " + Mdiv.tagName; DP+= "<br>Mdiv.nodeName = " + Mdiv.nodeName; DP+= "<br>Mdiv.id = " + Mdiv.id; DP+= "<br>Mdiv.className = " + Mdiv.className; DP+= "<br>Mdiv.style.fontSize = "+ Mdiv.style.fontSize ; DP+= "<br><br>Mdiv.children.length = " + Mdiv.children.length; for (var i=0; i<Mdiv.children.length; i++){ DP+= "<br>Mdiv.children.item("+i+ ").tagName " DP+= Mdiv.children.item(i).tagName } DP+= "<br><br>" document.getElementById("DP").innerHTML= DP; } </script>

00