|
@@ -1,5 +1,17 @@
|
|
|
|
|
+<!--
|
|
|
|
|
+ * @Author: your name
|
|
|
|
|
+ * @Date: 2021-08-12 11:10:30
|
|
|
|
|
+ * @LastEditTime: 2021-08-18 17:47:21
|
|
|
|
|
+ * @LastEditors: Please set LastEditors
|
|
|
|
|
+ * @Description: In User Settings Edit
|
|
|
|
|
+ * @FilePath: \md-\js\dom相关记录.md
|
|
|
|
|
+-->
|
|
|
# js操作dom记录
|
|
# js操作dom记录
|
|
|
## js中操作dom
|
|
## js中操作dom
|
|
|
|
|
+### 1. 修改`textNode`
|
|
|
|
|
+获取元素的所有子元素
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
## 操作dom问题排除
|
|
## 操作dom问题排除
|
|
|
### 1. 父元事件被子元素触发
|
|
### 1. 父元事件被子元素触发
|
|
|
1. 问题具体描述
|
|
1. 问题具体描述
|
|
@@ -21,7 +33,6 @@
|
|
|
```
|
|
```
|
|
|
3. 问题分析
|
|
3. 问题分析
|
|
|
可以通过控制台可以看见子元素都赋予了一个mouseout的事件.
|
|
可以通过控制台可以看见子元素都赋予了一个mouseout的事件.
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4. 解决方法
|
|
4. 解决方法
|
|
@@ -33,4 +44,5 @@ Element.addEventListener('mouseout',function(e){
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
-```
|
|
|
|
|
|
|
+```
|
|
|
|
|
+
|
