webAPI第三天

字符串

1 类似数组的特性

2 属性 length 当前字符串的长度

3 字符串也可以通过下标来访问 "

let str="abc"

str[1] // b

4 字符串也可以遍历

"abc" 遍历

（this）

环境对象指的是函数内部特殊的变量 this ，它代表着当前函数运行时所处的环境作用：弄清楚this的指向，可以让我们代码更简洁

【谁调用了包含this的方法，谁就是this 】是判断 this 指向的粗略规则

哪个元素绑定了点击事件，哪个元素就是this

直接调用函数，其实相当于是 window.函数，所以 this 指代 window

DOM树里每一个内容都称之为节点

（重点）元素节点：所有的标签比如 body、 div，html 是根节点

属性节点：所有的属性比如 href，class属性文本节点：所有的文本，比如标签里面的文字

节点关系：

父节点：

parentNode 属性返回最近一级的父节点找不到返回为null

子节点：

children （重点）仅获得所有元素节点返回的还是一个伪数组

childNodes 获得的是所有子节点、包括文本节点（空格、换行）、注释节点等

兄弟节点：

下一个兄弟节点

nextElementSibling 属性

上一个兄弟节点

previousElementSibling 属性

创建节点: document.createElement(标签名称)

即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点创建元素节点方法

追加节点:

dom.appendChild(要插入的元素)

放在 dom元素的内部的末尾

dom.insertBefore(要插入的元素，目标元素的位置)

要插入到dom元素的一个子元素（目标元素的位置）的上面

webAPI环境对象及节点的使用