DOM 文档对象模型 document object model
获取元素
getElementsByTagName
getElementsByClassName
getElementById
querySelector querySelectorAll
get和query系列有什么区别
get系列动态获取
query系列静态获取
数组的迭代方法
every 对数组元素进行判断 当所有的元素都为true的之后 结果才会true
var res = [0,1,2,3,4].every(function(item,index,array){ //item当前元素 1 2 3 4 index下标 0 1 2 3
return item>=1
})
some 对数组元素进行判断 只要有一个为true 结果就为true
filter 对数组元素进行判断 将满足条件的元素组成一个新的数组返回
var res = [1,2,3,4,5].filter(function(item,index,array){
return item>=3
})
console.log(res) [3.4.5]
forEach 相当于for循环 遍历数组 没有返回值
[1,2,3].forEach(function(item,index){
console.log(item,index)
})
map
遍历数组 有返回值 将返回值组成一个新的数组返回
var res = [1,2,3].map(function(item,index){
return item+5
})
res [6,7,8]
var str = "123456" [1,2,3,4,5,6]
str.split("")
[7,8,9] "789"
arr.join(”“)
数组去重
定义一个空数组 去空数组中查找原有数组中的元素 如果找不到(新数组中没有该值) 就push到新数组
var arr = [1,2,3,4,5,1,2]
var newArr = [];
for(var i = 0;i<arr.length;i++){
if(newArr.indexOf(arr[i])==-1){
newArr.push(arr[i])
}
}
什么使用this
循环添加点击事件
for(var i = 0;i<li.length;i++){
li[i].onclick = function(){
点谁就把谁的元素输出 this 在事件处理函数中 指向当前触发事件的对象 点谁指向谁
this.innerHTML
}
}