样式表注入html,如何在JS中定位CSS（不注入HTML）？

您可以动态创建样式表并将其添加到文档中，这将作为包含优先级规则的常规样式表，并将触发任何更改，如您定义的任何规则：

function changeClass() {

var sheet = document.createElement('style')

sheet.innerHTML = ".message-computer {color: black; background-color: yellow;}";

document.body.appendChild(sheet);

}

document.getElementById("change-style").addEventListener("click", changeClass);

//add a dummy message from computer

document.getElementById("add-message").addEventListener("click", function(){

var p = document.createElement("p");

p.textContent = "New Message";

var newMessage = document.createElement("div");

newMessage.appendChild(p);

newMessage.classList.add("message-computer");

document.getElementById("chat").appendChild(newMessage)

})

Add message

Change style

Hi, how are you?

I am good, thanks!