Web前端

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
  }
}