首页 > Web开发 > 详细

js_DOM对象

时间:2020-08-10 23:24:40      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:htm   nod   title   for   amp   ldr   

<!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>

js_DOM对象

标签:htm   nod   title   for   amp   ldr   

原文:https://www.cnblogs.com/zxy01/p/13472764.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号