在网页开发中,我们常常需要获取HTML标签中的事件值,比如在一个下拉菜单级联的场景中。想象一下这样的一个情境:。 在这里,我们想要通过某个事件的信息来确定下一级的菜单内容。对于稍微熟悉JQuery的开发者来说,获取这样的值似乎轻而易举。在实际开发中,有时我们可能会遇到一些挑战。 在JQuery中,使用attr方法通常可以轻松地获取标签的任何属性,包括事件。在实际开发环境中,直接使用$("city").attr("onchange")可能无法获取到我们想要的结果,返回的是undefined。这是因为onchange实际上是一个事件处理器,而不是一个简单的属性。 使用纯JavaScript的getAttributeNode方法,我们可以轻松地获取到这个事件处理器的值。这个方法允许我们获取属性节点,无视属性和事件的差异,类似于处理XML的方式。然后,我们可以通过nodeValue属性获取这个属性节点的实际值。获取onchange事件的代码可以写成这样: ```javascript $(document).ready(function(){ var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue; alert(onchangeValue); // 输出将是"javascript:test();"这样的字符串形式 }); ``` 在使用这个方法时需要注意一点:如果你尝试使用getAttribute方法去获取事件的值,你可能会得到一个函数对象,这并不是我们想要的结果。这是因为getAttribute方法会将值当作字符串处理,而事件处理器在HTML中是以函数的形式存在的。我们需要使用getAttributeNode和nodeValue的组合来获取事件的字符串值。希望这篇文章能为你提供有用的帮助!如果你正在寻找如何获取onclick等其它事件的值的方法,这个方法同样适用。记住,使用纯JavaScript或者JQuery都可以实现这一目标,选择哪种方式取决于你的个人喜好和项目需求。 上一篇:PHP静态文件生成类实例 下一篇:没有了 编程语言 纯JavaScript实现获取onclick、onchange等事件的值 PHP静态文件生成类实例 今天你说520了吗-不仅有php表白书还有java表白神器 密码强度检测函数(正则) Base64编码的深入认识与理解 jQuery实现简单二级下拉菜单 一款不错的flash Mp3播放器 js判断鼠标左、中、右键哪个被点击的方法 对有自增长字段的表导入数据注意事项 Git 教程之工作流程详解 jquery+正则实现统一的表单验证 PHP hex2bin()函数用法讲解 PHP连接SQLServer2005的方法 javascript中动态函数用法实例分析 JSP 自动刷新的实例详解 jsp之间传参数接受中文有乱码问题解决方法 狼蚁网络搜索