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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 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 0000000000000000000000000000000000000000..713d66bcf81559b6a82ddb8f7d803448dee64717 --- /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 0000000000000000000000000000000000000000..4d9d27e6d9b40b25d639122da69f0f7adcf3111c --- /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 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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 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 0000000000000000000000000000000000000000..a647058ac6d293439dae3973306cd584a6d68a65 --- /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 0000000000000000000000000000000000000000..6ab0be16ab4380c0ebf6ccf05d8047e4a71b339a --- /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