这篇博客探讨了在JavaScript中如何通过事件处理函数获取元素属性，以及在AngularJS中遇到的问题。当元素是动态生成且属性不确定时，通常会将元素自身作为参数传入函数。然而，在AngularJS中，直接传递`this`会得到scope，而非元素。解决办法是在AngularJS中正确地引用元素以获取所需属性。
在js当中，是这样做的
<html>
<body>
<script>
function onClick(e){
var id=e.getAttribute("data-id");
var name=e.getAttribute("data-name");
alert("Id: "+id+" ; Name: "+name); }
</script>
<div id="add" data-id="2" data-name="Google" οnclick="onClick(this)">Click Me</div>
</body>
</html>
在点击事件中可以获得元素的id等属性，为什么需要这样做而不是直接把这个id传进去呢（比如直接把add作为参数传进去函数），这是因为有的时候元素是动态生成的，其属性包括ID可能都不确定，所以需要传入自身进去，再在函数中获取值
但是这个在angularjs中没用，把this传进去后你会发现你只是获取到了scope
而正确的做法是这样
最低0.47元/天 解锁文章
扫一扫
1066
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
