在insertAdjacentHTML之后更改className

在使用insertAdjacentHTML方法插入HTML元素后，可以通过更改className属性来修改插入元素的样式。

insertAdjacentHTML是DOM API中的一个方法，用于在指定元素的相对位置插入HTML代码。它接受两个参数，第一个参数是一个字符串，表示插入的位置，可以是"beforebegin"、"afterbegin"、"beforeend"或"afterend"；第二个参数是要插入的HTML代码。

更改className属性是通过操作元素的class属性来改变元素的样式。class属性是一个字符串，可以包含一个或多个类名，多个类名之间用空格分隔。通过更改className属性，可以添加、删除或替换元素的类名，从而改变元素的样式。

例如，假设有一个id为"myElement"的元素，我们可以使用insertAdjacentHTML方法在该元素之后插入一个新的div，并通过更改className属性来改变新插入div的样式：

var myElement = document.getElementById("myElement");
myElement.insertAdjacentHTML("afterend", "<div id='newDiv'>New Div</div>");

var newDiv = document.getElementById("newDiv");
newDiv.className = "newClass";

在上述代码中，我们首先使用insertAdjacentHTML方法在myElement元素之后插入一个新的div，该div的id为"newDiv"，内容为"New Div"。然后，我们通过将newDiv的className属性设置为"newClass"，将新插入div的样式更改为"newClass"。

这样，我们就成功地在使用insertAdjacentHTML方法插入HTML元素后，通过更改className属性来改变插入元素的样式。

腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 人工智能开发平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe