javascript - javascript中是否有任何内置函数可以使用类选择器或元素选择器选择最后一个元素？

Question

已经问过类似类型的问题链接。但我的问题有点不同。

在我的程序中经常出现使用 dom 的新元素。我的问题是

javascript中是否有任何内置函数可以让我经常选择最后一个元素？

这是一个例子

var para = document.createElement("div");
var node = document.createTextNode("This is new.");
para.appendChild(node);

var element = document.getElementById("div1");
element.appendChild(para); 

给定程序经常附加 div 元素，我也想经常选择 div 元素。与班级相似

先感谢您

标签： javascripthtmlcss

Answer 1

使用querySelectorAll并传递类选择器。然后定位最后一个元素并做任何事情

let getAllElem = document.querySelectorAll('.test');
getAllElem[getAllElem.length - 1].classList.add('green')

.green {
  color: green
}

<div class="test">1</div>
<div class="test">2</div>
<div class="test">3</div>
<div class="test">4</div>
<div class="test">5</div>
<div class="test">6</div>