获得DOM节点（重点）

DOM：文档对象模型

　　浏览器网页就是一个Dom树形结构

　　更新：更新DOM节点

　　遍历DOM节点：得到DOM节点

　　添加：添加一个新的节点

　　操作一个DOM节点，必须先获得DOM节点

　　

获得DOM节点：

　　

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="father">
 9     <h1>标题</h1>
10     <p id="p1">p1</p>
11     <p class="p2">p2</p>
12 </div>
13 
14 
15 
16 <script>
17     //对应css选择器
18     var h1 = document.getElementsByTagName("h1");
19     var p1 = document.getElementById(p1);
20     var p2 = document.getElementsByClassName(p2);
21     var father = document.getElementById("father");
22     //father.children 获取父节点下的所有子节点
23     var childrens = father.children;
24     //father.firstChild
25     //father.lastChild
26 </script>
27 
28 </body>
29 
30 
31 </html>

 

posted @ 2022-03-29 21:35  doremi429  阅读(25)  评论(0)  编辑  收藏  举报