在insertAdjacentHTML之后选择相同的新元素

在使用insertAdjacentHTML方法插入新元素后，如果需要选择相同的新元素，可以使用querySelectorAll方法结合CSS选择器来实现。

querySelectorAll方法是Document对象的方法，用于返回文档中与指定选择器组匹配的所有元素列表。它接受一个CSS选择器作为参数，并返回一个NodeList对象，其中包含与选择器匹配的所有元素。

示例代码如下：

// 在指定元素后插入新元素
var targetElement = document.getElementById("target");
targetElement.insertAdjacentHTML("afterend", "<div id='newElement'>新元素</div>");

// 选择相同的新元素
var newElements = document.querySelectorAll("#newElement");
console.log(newElements);

上述代码中，首先通过insertAdjacentHTML方法在指定元素的后面插入了一个新元素。然后使用querySelectorAll方法选择id为"newElement"的所有元素，并将结果存储在newElements变量中。最后通过console.log输出newElements，可以查看选择到的新元素列表。

在这个例子中，选择相同的新元素的CSS选择器是"#newElement"，表示选择id为"newElement"的元素。你可以根据实际情况修改选择器来选择不同的新元素。

腾讯云相关产品中，与前端开发和DOM操作相关的产品有云函数（SCF）和静态网站托管（COS）。云函数（SCF）是无服务器函数计算服务，可以用于编写和运行与前端开发相关的业务逻辑代码。静态网站托管（COS）是对象存储服务，可以用于存储和托管前端网站的静态文件。

• 云函数（SCF）产品介绍：https://cloud.tencent.com/product/scf
• 静态网站托管（COS）产品介绍：https://cloud.tencent.com/product/cos