灵活使用html的data-*属性标签向onclick事件传递参数

2019-12-13 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n244.html

点 我

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
         <script src="jquery.min.js"></script>
         <script>             
             function onClick(e){
                var id   = e.getAttribute("data-id");
                var name = e.getAttribute("data-name");
                alert("Id: "+id+" ; Name: "+name);
             }
         </script>
    </head>
    <body>
        <div id="add" data-id="123" data-name="织梦OK" onclick="onClick(this)">点我</div>
    </body>
</html>


原文地址:http://www.imtr.cn/html/n244.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知