From 02dc903ee07ded2e2a6377c0a25b1297384e8e7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Mon, 21 Nov 2022 04:27:08 +0000 Subject: [PATCH 1/2] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- .../2022.11.18-DOM.md" | 41 +++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022.11.18-DOM.md" diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022.11.18-DOM.md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022.11.18-DOM.md" new file mode 100644 index 0000000..e5cca08 --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022.11.18-DOM.md" @@ -0,0 +1,41 @@ +# 14、DOM + +## 节点 + +document.body.childNodes：body里的子节点 + +节点类型：1、元素节点；2、文本节点；3、属性节点。 + +document.body.children：body里的节点集合 + +document.body.firstChild：body里的第一个子节点 + +document.body.firstElementChild：body里的第一个元素节点 + +document.body.children[0].parentElement：当前节点的父节点 + +document.body.children[1].previousElementSibling：当前节点的上一个节点 + +document.body.children[1].nextElementSibling：当前节点的下一个节点 + +document.createElement('h2')：创建元素节点 + +`父节点`.appendChild(`要添加的子节点`) + +`父节点`.removeChild(`要删除的子节点`) + +`父节点`.replaceChild(`新节点`,`旧节点`) + +## 获取html元素 + +document.getElementsByClassName('元素名')：以class名获取元素 + +document.getElementsByName('属性名')：以name属性获取元素 + +document.getElementsByTagName('元素名')：以标签名获取元素 + +document.getElementById('id名')：以id名获取元素 + +document.querySelector('')：查找第一个符合 + +document.querySelectorAll('')：查找全部符合 -- Gitee From 4e5875445eb4890da437e54692953f0cdfcac7be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Mon, 21 Nov 2022 04:27:28 +0000 Subject: [PATCH 2/2] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- .../\344\275\234\344\270\232/2022.11.18.html" | 54 +++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.18.html" diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.18.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.18.html" new file mode 100644 index 0000000..4c3399b --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.18.html" @@ -0,0 +1,54 @@ + + + + + + + + Document + + + + +   + +
+
+
+

+
+ + + + + \ No newline at end of file -- Gitee