|
|
@@ -0,0 +1,39 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id="div1">
|
|
|
+ 111111111111111
|
|
|
+ </div>
|
|
|
+ <div id="p1">
|
|
|
+ 2222222222222
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li>1</li>
|
|
|
+ <li>2</li>
|
|
|
+ <li>3</li>
|
|
|
+ </ul>
|
|
|
+ <script>
|
|
|
+ var div1 = document.getElementById("div1");
|
|
|
+ var p1 = document.getElementById("p1");
|
|
|
+ var uls = document.getElementsByTagName("li");
|
|
|
+ console.log(div1,p1,uls)
|
|
|
+ console.log(div1.nodeType);
|
|
|
+ console.log(p1.nodeType);
|
|
|
+ console.log(uls[0].nodeType);
|
|
|
+ // console.log(div1.nextSibling); 下一个元素节点
|
|
|
+ // previousSibling 上一个元素节点
|
|
|
+ // previousElementSibling 上一个元素节点内容
|
|
|
+ // nextElementSibling 下一个元素节点内容
|
|
|
+ // firstChild 第一个子节点
|
|
|
+ // lastChild 最后一个子节点
|
|
|
+ // firstElementChild 第一个子节点元素值
|
|
|
+ // lastElementChild 最后一个子节点元素值
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e