Skydoms

前端技术学院JS学习

innerHTML,querySelector,sort,filter,forEach

1,innerHTML
设置或返回标签的内容,其返回值类型为string。

2,document.querySelector(’.myclass’)
返回文档中第一个class为“myclass”的元素。
强大的在于:document.querySelector(’div .myclass .add’)。

注意点:如何没有找到匹配元素,返回值和getElementById(),getElementByTagName()一样,为null;

3,arr.sort(compareFunction)
用于:对数组进行排序,并返回数组,
如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前,反之相反。

4,arr.filter(function(currentValue,index,arr))
currentValue:当前元素的值(必选)。
index:当前索引(可选)。
arr:当前元素所属的数组对象(可选)。

用于:创建一个新的数组,新数组中的元素是通过函数筛选出符合的元素。
filter() 不会改变原始数组。

5,arr.forEach(function(currentValue,index,arr))
currentValue:当前元素的值(必选)。
index:当前索引(可选)。
arr:当前元素所属的数组对象(可选)。

用于:遍历数组。

6,string.split(separator,howmany)
separator:字符串或表达式(必选)。
howmany:设置返回数组的长度(可选)。

用于:用于把一个字符串分割成字符串数组(返回数组)。