Question

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

Answer 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');

})

Answer 2

<a aa="aa" data-bb="bb" onclick="test(event, this)">aaa</a>
<script>
function test(event, elm) {
alert(elm.getAttribute("aa"));
alert(elm.getAttribute("data-bb"));
alert(elm.dataset.bb);// html5
}
</script>

Answer 3

function a(one){
document.write("哈哈"+one);
}

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