From ce9d06bfe25812b598da1c9ad6e4ffea52fbcadc Mon Sep 17 00:00:00 2001 From: wangyuedong Date: Fri, 20 Nov 2020 20:22:00 +0800 Subject: [PATCH] dom --- JavaScript/DOM.md | 25 +++++++++++++++++++++++++ JavaScript/javascript.md | 2 +- JavaScript/test/dom.html | 30 ++++++++++++++++++++++++++++++ 3 files changed, 56 insertions(+), 1 deletion(-) create mode 100644 JavaScript/DOM.md create mode 100644 JavaScript/test/dom.html diff --git a/JavaScript/DOM.md b/JavaScript/DOM.md new file mode 100644 index 0000000..a013ad6 --- /dev/null +++ b/JavaScript/DOM.md @@ -0,0 +1,25 @@ +## 基本概念 +1. 节点: 元素，属性和文本统称节点。 元素是属性和文本的父节点 +2. 元素: div a p span [方法](#yuansu) +3. 属性: href id class [方法](#shuxing) +4. 文本: 具体的内容 [方法](#wenben) + +###

元素的增删改查

+|方法名| 返回值 |作用 | 举例 | 补充 | +|:-:|:-:|:-:|:-:|:-:| +| getElementsByTagName | object(数组) | 通过元素获取元素名称 | - | - | +| getElementById | object(数组) | 通过节点获取元素名称 | - | - | +| getElementsByClassName | object(数组) | 通过节点获取元素名称 | - | - | +| getElementsByName | object(数组) | 通过节点获取元素名称 | - | - | +| querySelector | object(节点文本) | 通过css选择器获取元素名称 | 示例 || +| querySelectorAll | object(数组) |||| +| forms ||||| + + + +##

属性的增删改查

+ + +##

文本的增删改查

+ + diff --git a/JavaScript/javascript.md b/JavaScript/javascript.md index 8c9725b..98c6276 100644 --- a/JavaScript/javascript.md +++ b/JavaScript/javascript.md @@ -6,6 +6,6 @@ ## 日期 ## Json ## 面向对象 -## DOM +## [DOM](./DOM.md) ## BOM ## 事件 diff --git a/JavaScript/test/dom.html b/JavaScript/test/dom.html new file mode 100644 index 0000000..b75a6d7 --- /dev/null +++ b/JavaScript/test/dom.html @@ -0,0 +1,30 @@ + + + + + + Dom示例 + + +
+ dom的示例 +
+
+ dom的示例 +
+
+
+
+ + + \ No newline at end of file -- Gitee