From 8b49af6c7e7a04fa5e9726bb7be128c5680f14cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=B0=B8=E6=BD=98?= <1924969174@qq.com> Date: Fri, 18 Nov 2022 08:18:30 +0000 Subject: [PATCH 1/4] =?UTF-8?q?=E6=96=B0=E5=BB=BA=202022-11-16=E7=AC=AC?= =?UTF-8?q?=E5=8D=81=E5=85=AD=E6=AC=A1=E4=BD=9C=E4=B8=9A=E6=AD=A3=E5=88=99?= =?UTF-8?q?2?= 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 "16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/.keep" diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/.keep" "b/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From eaaf2e936537aa5c08323570f9a082997cbefbf3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=B0=B8=E6=BD=98?= <1924969174@qq.com> Date: Fri, 18 Nov 2022 08:19:08 +0000 Subject: [PATCH 2/4] =?UTF-8?q?16=E5=88=98=E6=B0=B8=E6=BD=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 刘永潘 <1924969174@qq.com> --- ...345\210\2312\344\275\234\344\270\232.html" | 33 +++++++++++++ ...345\210\2312\347\254\224\350\256\260.html" | 49 +++++++++++++++++++ 2 files changed, 82 insertions(+) create mode 100644 "16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\344\275\234\344\270\232.html" create mode 100644 "16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\347\254\224\350\256\260.html" diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\344\275\234\344\270\232.html" "b/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\344\275\234\344\270\232.html" new file mode 100644 index 0000000..713d66b --- /dev/null +++ "b/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\344\275\234\344\270\232.html" @@ -0,0 +1,33 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\347\254\224\350\256\260.html" "b/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\347\254\224\350\256\260.html" new file mode 100644 index 0000000..4d9d27e --- /dev/null +++ "b/16\345\210\230\346\260\270\346\275\230/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232\346\255\243\345\210\2312/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\2312\347\254\224\350\256\260.html" @@ -0,0 +1,49 @@ +{} {m,n}{m,}{m} + ++{1,} + +*{0,} + +?{0,1} + +贪婪模式：能多就多 + +非贪婪模式：在正则后加?,能少就少 + + ()：分组与捕获 + + + +非捕获，反向引用 + +非捕获((?:exp)):能让捕获的分组隐藏 + + + + | 选择或关系； --分支；|| + +自左向右匹配，一旦匹配上 就不再回头 + + + + 断言 + +\b:单词边界 + +^:单词开头 + +$:单词结尾 + + 环视 + +a(?=b):仅跟着b的a，括号内的不匹配，注意：与非捕获区分 + +a(?!b):不仅跟着b的a + + 匹配模式 + + /g:全局匹配 + +/i:不区分大小写 + +/m:换行 \ No newline at end of file -- Gitee From 7264d06de57ceec612a02e10b5512c5eca641f95 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=B0=B8=E6=BD=98?= <1924969174@qq.com> Date: Tue, 22 Nov 2022 10:02:35 +0000 Subject: [PATCH 3/4] =?UTF-8?q?=E6=96=B0=E5=BB=BA=202022-11-18=E7=AC=AC?= =?UTF-8?q?=E5=8D=81=E4=B8=83=E6=AC=A1=E4=BD=9C=E4=B8=9Adom?= 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 "16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/.keep" diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/.keep" "b/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From e93b265134c58206a27a36ba1a5fbf0616608e00 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=B0=B8=E6=BD=98?= <1924969174@qq.com> Date: Tue, 22 Nov 2022 10:05:34 +0000 Subject: [PATCH 4/4] =?UTF-8?q?16=E5=88=98=E6=B0=B8=E6=BD=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 刘永潘 <1924969174@qq.com> --- ...6\254\241\344\275\234\344\270\232dom.html" | 61 +++++++++++++++++++ ...346\254\241\347\254\224\350\256\260dom.md" | 36 +++++++++++ 2 files changed, 97 insertions(+) create mode 100644 "16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom.html" create mode 100644 "16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260dom.md" diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom.html" "b/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom.html" new file mode 100644 index 0000000..a647058 --- /dev/null +++ "b/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom.html" @@ -0,0 +1,61 @@ + + + + + + + Document + + + +   + +
+
+ + +
+
+ + + \ No newline at end of file diff --git "a/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260dom.md" "b/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260dom.md" new file mode 100644 index 0000000..6ab0be1 --- /dev/null +++ "b/16\345\210\230\346\260\270\346\275\230/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232dom/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260dom.md" @@ -0,0 +1,36 @@ + DOM(文档对象模型) +DOM定义了表示和修改文档所需的方法，DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类的对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。 + +DOM常用API +(应用程序接口（API，Application Programming Interface）是基于编程语言构建的结构，使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。) + +DOM 树状结构 +DOM 就是用来改变网页 HTML 的内容用的,在浏览器标签中当前载入的文档用一个 document 对象来表示。这个对象是一个树状结构,我们把每个 HTML 元素对应在树中的入口称为节点 + + 元素节点: +一个元素，存在于DOM中。 + 根节点: +树中顶层节点，在HTML的情况下，总是一个HTML节点（其他标记词汇，如SVG和定制XML将有不同的根元素） + 子节点: +直接位于另一个节点内的节点。例如上面例子中，IMG是SECTION的子节点。 + 后代节点: +位于另一个节点内任意位置的节点。例如 上面例子中，IMG是SECTION的子节点，也是一个后代节点。IMG不是BODY的子节点，因为它在树中低了BODY两级，但它是BODY的后代之一。 + 父节点: +里面有另一个节点的节点。例如上面的例子中BODY是SECTION的父节点。 + 兄弟节点: +DOM树中位于同一等级的节点。例如上面例子中，IMG和P是兄弟。 + 文本节点: +包含文字串的节点 + + +基本的 DOM 操作 +在 HTML 当中 之前（就是 结尾的地方） +加入这样一行: + + +修改元素 +要想修改一个元素，操作 document 对象，使用 querySelector() 方法选中你想要的元素。这个方法使用一个 CSS 选择器来筛选元素。 +比如我们使用这个代码可以选中页面中第一个 a 元素，并且创建一个引用： +let link = Document.querySelector('a'); + +如果想对多个元素进行匹配和操作，你可以使用 document.querySelectorAll()，这个方法匹配文档中每个匹配选择器的元素，并把它们的引用存储在一个数组中，你就可以用一个 for 循环进行操作了。 \ No newline at end of file -- Gitee