如何添加html元素的事件，有多少种方法

Posted 2023-04-07

如题

参考技术A 　　添加html元素的事件有三种方法。

　　1.通过HTML元素属性。简单说来就是在html结构中，给你要添加事件的元素添加一个属性。
属性名为 'on' + 事件名。
如:你要给a元素绑定一个click事件，你就该这么写：
<a href="http://blog.163.com/luping_01/blog/#" onclick='do something'>name</a>

2.通过对象属性。
对象指的是jDOM树里的对象，我们都知道，所有的html元素在DOM(文档对象类型)里都存在一个相应的DOM元素。
给这个DOM元素添加事件等同于方式一。这个属性名也一样：
也为 on + 事件名
如：
html结构:
<a href="http://blog.163.com/luping_01/blog/#" id="n">name</a>
js：

document.getElementById('n').onclick = function() //do something

3.通过W3C监听方式（标准方式）或者IE专属的中间模型添加事件

W3C方式： elemennt.addEventListener(事件名,处理函数引用,true || false)
这里的事件名就是单纯的事件名，不需要加 on ，true表示在事件传播阶段捕获事件，false表示在事件冒泡阶段捕获事件，一般我们设为false!

IE模式: element.attachEvent( 'on' + 事件名，处理函数引用);
注意，IE模式需要加on 参考技术B HTML的元素的事件就只用控件的自带的那么几个..比如onclick,onmouserdown,...等等都是调用脚本执行...
方法我知道就3种:1.在空间上写直接激发事件.
2:在页面加载的时候就调用脚本激发控件的某个事件..
3:在后台利用后台代码强行执行控件的事件.本回答被提问者采纳

jQuery元素内容操作的方法有多少种？

jQuery中操作元素内容的方法，主要包括html()方法、text()方法和val()方法。html()方法用于获取或设置元素的HTML内容，text()方法用于获取或设置元素的文本内容，val()方法用来获取或设置表单元素的value值。具体使用说明如表1所示。

表1 元素内容操作

需要注意的是，val()方法可以操作表单（select、radio和checkbox）的选中情况，当要获取的元素是元素时，返回结果是一个包含所选值的数组；当要为表单元素设置选中情况时，可以传递数组参数。
为了让读者更好地理解元素内容相关方法的使用，下面通过具体代码进行演示。

通过浏览器访问测试，运行结果如图1所示。

图1 获取元素内容

从图1可以看出，使用html()方法获取的元素内容含有HTML标签（如span），而使用text()方法获取的是去除HTML标签的内容，将该元素包含的文本内容组合起来的文本。因此，读者根据项目的需求，在开发中选择合适的方法使用即可。

jQuery元素内容操作的方法有多少种？通过上面的详细介绍，相信大家已经有所了解。如果大家正在学习Java知识或者是对Java知识比较感兴趣的话，可以关注小千，后期分享更多Java知识。

本文来自千锋教育，转载请注明出处。