js_DOM对象

<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="UTF-8">
<!--&lt;!&ndash; <script src="js_file01.js"></script>&ndash;&gt; 尽量放后body前边-->
</head>
<body>


<div id="div1">
<div>hello world</div>
<h>yo</h>
</div>

<script>

var ele=document.getElementById("div1");
// alert(ele);

// var ele_son=ele.firstElementChild;
// alert(ele_son.nodeName);

// var ele_sons=ele.children;
// alert(ele_sons);
// alert(ele_sons.length);

// var ele_sons=ele.children;
// var ele_bro=ele_sons[0];
// alert(ele_bro.nodeName); // div

for (var i=0;i<ele.children.length;i++){
console.log(ele.children[i]); // <div>hello world</div> DIV // <h>yo</h> H
console.log(ele.children[i].nodeName);
}

</script>

</body>
</html>
posted @ 2020-08-10 22:49  zxy_ang  阅读(109)  评论(0)    收藏  举报