教育集团网站建设的目的,手机网站定制方案,深圳企业网站建设怎么做,网络运营招聘信息用多了vue、react等前端框架#xff0c;不得不说用数据驱动视图来开发真的很香#xff0c;但是也免不了会有不用这些框架的项目#xff0c;dom操作还是很有必要的#xff0c;一开始学习网页设计的时候就教过#xff0c;后面一直开发项目基本上用框架。虽然有些想不起来了不得不说用数据驱动视图来开发真的很香但是也免不了会有不用这些框架的项目dom操作还是很有必要的一开始学习网页设计的时候就教过后面一直开发项目基本上用框架。虽然有些想不起来了简单的dom操作还是会一点的像获取元素修改元素内容给元素加个类……
多个事件绑定到同一个元素或物件上的需求的解决方案直接看方法三 对js事件的理解
一、获取dom元素
1、事件绑定方法一
button onclicksayHi()click me/buttonfunction sayHi(){alert(hi)}2、事件绑定方法二
button idbtnclick me/buttonlet btn document.querySelector(#btn)
btn.onclicksayHi
btn.onclicksayHello
function sayHi(){alert(hi)
}
function sayHello(){alert(hello)
}被覆盖了只弹出hello 3、事件绑定方法三 通过事件来绑定不会覆盖,执行sayHi之后再执行sayHello addEventListener(事件类型执行方法[触发类型]
button idbtnclick me/buttonlet btn document.querySelector(#btn)
btn.addEventListener(click,sayHi)
btn.addEventListener(click,sayHello)
function sayHi(){alert(hi)
}
function sayHello(){alert(hello)
}二、补充获取dom对象的方式
掌握一种基本就可以了个人感觉最好用的是第一种
