养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

JavaScript事件绑定方法,class属性操作

时间:2024-09-25 08:35:10

第一种事件绑定:把事件绑定到标签上面<ponclick='alert(&#补朱锚卦39;hell泠贾高框o')'>,不建议这么使用,因为这样整个页面看起来非常麻烦.第二种事件绑定:把html结构和JS代码做一个解耦,把JS代码写入一个文件里面,在引入过来.

工具/原料

Pycharm

方法/步骤

1、首先要找到标签.ele_p是数组,数组里面有3个p标签.

JavaScript事件绑定方法,class属性操作

2、不能直接给数组绑定事件,只能给标签对象绑定,所以要循环获取标签对象.

JavaScript事件绑定方法,class属性操作

3、获取触发事件标签this:this就是鼠标点击的争犸禀淫<p>标签,其他两个<p>标签忽略.

JavaScript事件绑定方法,class属性操作

4、获取class名字:className.

JavaScript事件绑定方法,class属性操作

5、添加class名字:classList.add.

JavaScript事件绑定方法,class属性操作

6、删除class名字:classList.remove.

JavaScript事件绑定方法,class属性操作

© 一点知识