From 04e31285562aa91ed4db10dec987c43592db5944 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9B=BE=E5=BE=B7=E6=A3=AE?= <1500225483@qq.com> Date: Fri, 18 Nov 2022 09:31:27 +0000 Subject: [PATCH 1/3] =?UTF-8?q?=E6=96=B0=E5=BB=BA=202022-11-18-MOD?= =?UTF-8?q?=E8=8A=82=E7=82=B9=E5=92=8C=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" "b/47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From acb43659ee1d3ed79cee1e995d3b8d42d513d11e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9B=BE=E5=BE=B7=E6=A3=AE?= <1500225483@qq.com> Date: Fri, 18 Nov 2022 09:31:50 +0000 Subject: [PATCH 2/3] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=2047=E6=9B=BE?= =?UTF-8?q?=E5=BE=B7=E6=A3=AE/2022-11-18-MOD=E8=8A=82=E7=82=B9=E5=92=8C?= =?UTF-8?q?=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5=20=E4=B8=BA=2047=E6=9B=BE?= =?UTF-8?q?=E5=BE=B7=E6=A3=AE/2022-11-18-DOM=E8=8A=82=E7=82=B9=E5=92=8C?= =?UTF-8?q?=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename "47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" => "47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" (100%) diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" "b/47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" similarity index 100% rename from "47\346\233\276\345\276\267\346\243\256/2022-11-18-MOD\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" rename to "47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/.keep" -- Gitee From b6f1589adc66ad715a327b18612cece955bcf41f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9B=BE=E5=BE=B7=E6=A3=AE?= <1500225483@qq.com> Date: Fri, 18 Nov 2022 09:32:07 +0000 Subject: [PATCH 3/3] =?UTF-8?q?=E6=9B=BE=E5=BE=B7=E6=A3=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 曾德森 <1500225483@qq.com> --- .../\347\254\224\350\256\260.md" | 111 ++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 "47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/\347\254\224\350\256\260.md" diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/\347\254\224\350\256\260.md" "b/47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/\347\254\224\350\256\260.md" new file mode 100644 index 0000000..d5d707e --- /dev/null +++ "b/47\346\233\276\345\276\267\346\243\256/2022-11-18-DOM\350\212\202\347\202\271\345\222\214\345\242\236\345\210\240\346\224\271\346\237\245/\347\254\224\350\256\260.md" @@ -0,0 +1,111 @@ +### DOM节点方法和增删改查 + +##### //节点类型(node) + +`console.log(document.body.childNodes);` + +节点类型：1：元素节点 2：文本节点 3：属性节点 + + + +##### //元素（elements） + +//查看body中有多少元素节点 + +`console.log(document.body.chilElemmentcount);` + +`console.log(document.body.children);` + +//查看子节点 + +`console.log(document.body.firstchild);` //所有节点中的第一个节点 + +`console.log(document.body.firstElementchilcd)`; //找到第一个元素节点 + +//查看父节点 + +`console.log(document.body.children[0].parentElement);` + +//根据class获取元素 返回：`HTMLcouection`(数组) + +`console.log(document.getElementsByclassName('H2'))；` + +//根据name属性获取元素对象：`NodeList`(伪数组)：只能获取下标和长度 + +`console.log(document.getElementsByTageName('username'));` +//根据标签名获取元素对象：返回`GTMLcollection` + +`console.log(document.getElementsByTagName('input'));` + +//根据id属性获取元素对象，返回当前元素对象 + +`console.log(document.getElementByid('thirdH2'));` + + + +##### DOM2 + +//找class=H2的元素对象,如果不止一个，返回第一个元素对象 + +//根据class:('className') + +//根据id:('#id') + +//根据标签名:('div') + +`console.log(dpcument.queryselector('div'));` + +//找全部 + +`console.log(document.queryselectprAll('.H2'));` + +`var div=document.queryselector('#box');` + +//创建元素节点 + +`var newH2=document.crateElement('h2');` + +`var txt=document.createtextNode('我是新添加的'H2');` + +`newH2.appendchild(txt);` + +//添加子元素节点 + +`div.appendchild(newH2);` + +//删除子节点：removechild(元素对象：h2) + +`var h2=document.getelementByid('h2');` + +`div.removechild(h2));` + +//改 + +`var newH3=document.createElement('h3');` + +`var txt=document.createTextNode('替换的h3');` + +`var h2=document.getElementById('h2');` + +`newH3.appendchild(txt);` + +//改:replacech + +`div.replacechid(nawH3,h2);` + +//在...之前插入一个节点 + +`div.insertBefore(newH3.h2);` + +//查看父节点 + +`console.log(document.bady.children[0].parentElement);` + +//上一个元素节点 + +`console.log(document.body.children[1].previousElementsibling);` + +//下一个元素节点 + +`console.log(document.body.children[1].nextElementsibling);` + -- Gitee