getElementById(id)
返回具有匹配 ID 属性的元素。我怎样才能得到这个元素的最后一次出现,而不是第一次出现?
<!DOCTYPE html>
<html>
<body>
<button onclick="getLast()">Click me</button>
<div id="username">Lisa</div>
<div id="username">Chris</div>
<script>
function getLast() {
alert(document.getElementById("username").innerHTML);
}
</script>
</body>
</html>
id 总是唯一的。没有两个 DOM 元素可以具有相同的 id。在您的情况下,请使用该class
属性。使用getElementsByClassName
这将返回一个集合。获取其长度并使用该值获取最后一个元素。
function getLast() {
var getLastElemIndex = document.getElementsByClassName("username").length - 1;
console.log(getLastElemIndex)
alert(document.getElementsByClassName("username")[getLastElemIndex].innerHTML);
}
<div class="username">Lisa</div>
<div class="username">Chris</div>
<button onclick="getLast()">Click me</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句