7. DOM 学习


点击事件

1
2
3
4
var btn=document.getElementById('btn1');
btn.onclick=function (){
console.log('haha');
}

js操作中样式是以内联的方式添加

js里class是关键字,没办法用这个属性,所以就用关键字,想要修改class

1
btn.className='aa';

css如果有-那么就把-去掉然后变成驼峰命名

1
2
btn.onmouseover=function(){}
btn.onmouseout=function(){}

document

  1. getElements返回的是伪数组
  2. //解决循环给dom附上属性时i变量i穿透的问题
    //1.用let
    //2.给变量设置一个新属性index(不唯一),值为i
    //3.用this
    

let

  1. 不能重复声明
  2. 不存在变量提升

Author: pkq
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source pkq !
  TOC