如何给html元素的onclick事件传递参数即如何获取html标签的data

如何给html元素的onclick事件传递参数即如何获取html标签的data,第1张

某些非text元素,如a、button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中。

具体可以按照如下程序设置:

<button data="123" id="but" onclick="fun()">按钮</button>

然后通过attr这个方法获取属性内容$('#but').attr('data')

其实完全可以直接写在onclick里作为参数

<button onclick="fun(123)">按钮</button>

如果使用id触发方法,还可以直接用this选择

<button data="123" id="but" >按钮</button>

$('#but').on('click', function(){

var val = $(this).attr('data')

})

onclick是元素a的一个事件,类似的事件还有onmouseover、onchange等很多,并且与元素也有关系。

tj()是一个JavaScript函数,'h234'是给这个函数传递的参数,在用鼠标点击链接时调用。

function a(one){

document.write("哈哈"+one)

}

<a onclick="a('123')" href="#">aaaa</a>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6139660.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存