下面的代码是一个示例 - 我想在页面上有多个链接来激活相同的功能，但我只能使用 GetElementsByClass 获取页面上的第一个链接来激活该功能。
<script>
window.onload = function() {
var a = document.getElementsByClassName('watchlist')[0];
a.onclick = function() {
$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");
return false;
}
}
</script>
<body>
<a class="watchlist" href="##">linky</a>
<a class="watchlist" href="#">linky1</a>
<a class="watchlist" href="#">linky2</a>
<a class="watchlist" href="#">linky3</a>
</body>
最佳答案
getElementsByClassName 为您提供一个包含所有匹配元素的数组。所以你应该循环遍历它们，如下所示:
var elements = document.getElementsByClassName('watchlist');
for(var i=0; i<elements.length; i++){
elements[i].onclick = function() {
$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");
return false;
}
}
此外，由于 $.post，我假设您正在使用 jQuery。如果是这样，你可以这样做:
$('.watchlist').click(function(){
$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");
return false;
});
关于javascript - 多个链接的 getElementsByClassName 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46245631/