API函数（加括号的是函数，属性就是一个变量），小知识点，兼容性

数组API

push

功能：尾插

参数：push（‘插入的元素’，[插入的元素1.。。。]）

返回值：新数组长度

pop

功能：尾删

参数：pop（）

返回值：被删除的元素

unshift

功能：头插

参数：unshift（‘插入的元素’，[插入的元素1.。。。]）

返回值：新数组长度

shift

功能：头删

参数：shift（）

返回值：被删除的元素

reverse

功能：数组的逆序

参数：reverse()

返回值：无

splice

功能：删除数组中的元素，用新元素替换

参数：splice（‘起始位置’，‘偏移量’，[替换的元素]）

返回值：一个新的数组

slice

功能：截取数组

参数：slice（‘起始位置’，‘偏移量’）

返回值：截取的数组

concat

功能：连接两个数组

参数：arr.concat（arr1）

返回值：连接的数组

join

功能：将数组转换为字符串

参数：join（‘’）默认逗号

返回值：转换的字符串

字符串API

charAt

功能：查找索引所对应的字符

参数：charAt（‘索引’）

返回值：字符

charCodeAt

功能：查看索引对应的字符

参数：charCharCode（‘索引’）

返回值：字符所对应的asc码值

fromCharCode

功能：将asc码值转为字符

参数：fromCharCode（asc1，【asc2...】）:

返回值：被转换的字符

indexOf

功能：查找字符串第一次出现的位置

参数：indexOf（‘’）

返回值：找到返回子串首字母的下标，没找到返回-1

lastIndexOf

功能：查找字符串最后一次出现的位置

参数：lastIndexOf（‘’）

返回值：找到返回下标，没找到返回-1

replace

功能：用参数2替换参数1

参数：replace（参数1，参数2）

返回值：被替换的字符串

slice/substring

功能：截取字符串

参数：slice（“起始位置”，“结束位置”）

返回值：

split

功能：字符串分隔符，将字符串转为数组

参数：split（‘分割字符串’）

返回值：新的数组

回调函数

forEach

功能：对数组的元素进行相同操作

参数：forEach（回调函数）

回调函数参数：回调函数（数组元素的值，[下标，元素所在数组]）

返回值：无

map

功能：跟forEach大致一样，多了一个返回值

参数：map（回调函数）

回调函数参数：回调函数（数组元素的值，[下标，元素所在的数组]）

返回值：将回调函数return的值，组成一个数组

filter

功能：按条件过滤元素

参数：filter（回调函数）

回调函数参数:回调函数(数组元素的值,[下标,元素所在的数组])

返回值：根据返回值的布尔类型决定是否要返回当先元素本身

转大小写

转小写 toLowerCase() 
转大写 toUpperCase()

元素获取

document.getElementById("id名")：返回ID所对应的单个元素

document.getElementsByTagName("标签名")：批量返回标签所对应的元素，存放至数组

document.getElementsByClassName("类名")：批量返回类名所对应的元素，存放至数组中

document.getElementsByName("name名"):批量返回name名所对应的元素,存放至数组中

document.querySelector(选择器):通过选择器来获取单个元素(选择器包含标签,类,ID)

document.querySelectorAll(选择器）:通过选择器来批量获取（选择器包含标签，类），存储在数组

firstElementChild 返回节点的第一个子节点，最普遍的用法是访问该元素的元素节点
lastElementChild 返回节点的最后一个子节点

兄弟节点：
nextElementSibling 下一个节点
previousElementSibling 上一个节点

var str = a.firstElementChild.innerHTML;

a：新增

document.createElement("标签名")：增加一个标签节点

 b.追加

父元素.appendChild（子节点）

删：节点.remove()；

parentNode：子元素的父元素

childNodes:批量返回父元素的子元素，存储在数组中（返回元素节点和文本节点）

children：批量返回父元素的子元素，存储在数组中（返回元素节点）

innerText：纯文本，不包含标签

outerHtml：包含自身标签的所有内容

innerHTML：不包含自身标签的所有内容

innerHTML作用：拼接字符串组建HTML元素，搭建页面

setAtribute（“属性名”，“属性值”）

getAttribute（“属性名”）：返回属性名对应的属性值

dom对象.style.属性名:行内样式的读

dom对象.style.属性名=属性值：行内样式，非行内样式的写

getComputedStyle（dom对象，false）[“属性名”]：返回属性值

父节点.insterBefore（目标节点，参照节点）：将目标节点添加至参照节点之前

dom对象.style.属性名=  +“px”：offset属性的写

dom对象.offset..：offset属性的读

兼容性

document.body.scrllTop||document.documentElement.scrlloTop:兼容性获得滚动条高度

var e=evt||event鼠标时间兼容

key=e.keyCode || e.which || e.charCode;兼容性获取键盘输入字符的asc码值

e.stopPropagation?e.stopProragation:e.canceBubble =true;.兼容阻止事件冒泡的方法

阻止浏览器默认行为的兼容

1.e.preventDefault()？e.preventDefault()：e.returnVaule = false;

2.return false:(只能在浏览器阻止，不能在冒泡里使用)

寻找真实源兼容性

var taget=e.target||e.scrElement