web API-day4

递归函数
定义
在函数内部调用函数自己
注意
递归函数默认会形成一个死循环
在递归函数中设置return关键字,可以停止死循环

DOM
查找元素
根据父元素找子元素
语法: 父元素.children
注意
返回的结果是一个数组, 数组中的每一个值就是具体的标签对象
返回的是直接子元素
根据子元素找父元素
语法: 子元素.parentNode
注意: 返回的就是一个具体的标签对象
找兄弟元素
上一个兄弟元素
语法: 标签.previousElementSibling
返回: 返回的就是一个具体的标签对象
下一个兄弟元素
语法: 标签.nextElementSibling
返回: 返回的就是一个具体的标签对象
删除元素
语法: 父元素.removeChild(被移除的元素)
添加元素
为了将动态创建的元素显示到页面中
语法1: 父元素.appendChild(创建的元素)
将创建的元素添加到父元素的末尾
语法2: 父元素.insertBefore(创建的元素, 目标元素)
将创建的元素添加到目标元素的前面
创建元素
通过js的方式实现一个标签
语法: document.createElement(‘标签名’)
返回值: 返回一个具体的标签对象
事件流
事件委托中使用了事件流现象
事件冒泡
事件捕获
事件委托
解决动态创建元素不能直接添加事件
1. 给父元素注册事件 2. 通过事件对象参数.
target 找到真正的目标元素