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

 时间:2024-09-25 10:26:51

第一种事件绑定:把事件绑定到标签上面<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属性操作

navicat操作手册帮助文档如何查看和检索 图片绕Y轴3D转动90度页面事例 灵魂潮汐如何强化技能 如何在一个input输入框绑定一个动态id值 bioisland赖氨酸助长素如何冲泡?
热门搜索
肉番动漫在线观看 消防车图片大全大图 日本最新动漫 涂布机图片 课桌图片