html a标签onclick方法传递动态参数

html a标签onclick方法传递动态参数

html页面使用a标签，如果带动态参数直接跳转，则直接使用 href=‘uri?param1=’ + obj[1].value 类似这样的格式即可。 但是有时是想触发页面事件，则需要使用onclick事件方法。此时传递动态参数稍微有些麻烦。

实践中可以使用data-name属性传动动态参数，在js中获取即可。

见代码：

html：【使用了mui框架，忽略css部分】

html = "<div class='mui-card-footer'><a></a><a id='unbind' href='#' onclick ='unbindDevice(this)' data_name = '" +  result.data[i]["sn"] + "' > 注销此设备 </a>  </div>"

其中，result是参数对象，sn是其中的参数对象id，通过result.data[i][“sn”] 获取sn值。

此时，需要注意要增加 id 标记，用于获取对象

//code block
JS：
var obj = document.getElementById("unbind")  // 获取unbund对象
			var mysn = obj.getAttribute("data_name") //获取 unbund对象的属性
			console.log(mysn) //打印

有些麻烦，但测试通过。