Web API基础知识三

字符串也具有类似数组的特效

1.属性length 当前字符串的长度

2.字符串也可以通过下标来访问

3.字符串也可以遍历

排他思想处理案例：

1.先获取所有的同类型的元素

2.遍历他们，挨个设置一种样式

3.单独找到想要选中的标签，给他在设置选中的样式

环境参数this:

谁调用了包含this的方法，谁就是this

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

节点

节点类型：

查找节点

父节点查找：

子元素.parentNode

子节点查找：

父元素.children

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

​ chidren仅获得所有元素节点，返回的还是一个伪数组

兄弟关系查找：

下一个兄弟节点：nextElementSibling 属性

上一个兄弟节点：previousElemenSibling 属性

新增节点

1.创建一个标签：

//创建一个新的元素节点
document.createElement('标签名')

2.插入标签：

// 插入到这个父元素的最后
父元素.appendChild(要插入的元素)//放在dom元素的内部的末尾

// 插入到某个子元素的前面
父元素.insertBefore(要插入的元素，目标元素的位置)//要插入到dom元素的一个子元素（目标元素的位置）的上面

ex:
		let ul = document.querySelector('ul')
        let li =document.createElement('li')       
        li.innerText='这是新建的li标签'
        ul.appendChild(li)
        ```

3.克隆节点

```javascript
//克隆一个已有的元素节点
元素.cloneNode(布尔值)
/*
	若为true，则代表克隆时会包含后代节点一起克隆(深克隆)
	若为false，则代表克隆时不包括后代节点（浅克隆）（默认为false）
*/

4.删除节点

父元素.removeChild(想要删除的元素)
//若不存在父子关系则删除不成功
//与隐藏节点（display：none）区别：
	删除节点是从html中直接删除

时间对象

//获取当前时间
let date = new Date()
//获得指定时间
let date = new Date('1949-10-01')

获取时间的方法：

getFullYear()获取四位年份
getMonth()获得月份（取值为0~11）
getDate()获得月份中的每一天（不同月份取值也不同）
getDay()获取星期（取值为0~6）
getHours()获取小时（取值为0~23）
getMinutes()获取分钟（取值为0~59）
getSeconds()获取秒（取值为0~59）

时间戳（指1970.01.01.00h.00min.00s至现在的毫秒数）

获取时间戳：

//1.实例化
let date = new Date()
console.log(date.getTime())
//2.简写 +new Date()(可以返回当前时间戳或者指定时间戳)
console.log(+new Date())
//3.使用Date.now()
console.log(Date.now())
`