From a256abc5d308a562f72674a28628098ed8c965e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= Date: Mon, 21 Nov 2022 11:57:29 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E5=8D=81=E4=B8=83=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../\344\275\234\344\270\232/2022.11.18.html" | 73 +++++++++++++++++++ .../2022.11.18-DOM.md" | 41 +++++++++++ 2 files changed, 114 insertions(+) create mode 100644 "04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html" create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.18-DOM.md" diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html" new file mode 100644 index 0000000..5ba331c --- /dev/null +++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html" @@ -0,0 +1,73 @@ + + + + + + + + Document + + + + +   + +
+
+ + + + +
+

+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.18-DOM.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.18-DOM.md" new file mode 100644 index 0000000..e5cca08 --- /dev/null +++ "b/04\351\203\221\347\216\256\345\226\206/\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