javascript - 更改JavaScript中的所有新传入元素

单击按钮时，我已经编写了更改某些文本颜色的功能。

它可以工作，但是服务器处于活动状态时可以接收新文本-这是一个聊天应用程序。它收到的新文本是旧颜色，而不是应该通过按钮设置的新颜色

 function changeClass(){
var myElements = document.querySelectorAll(".from-chat p");
      for (var i = 0; i < myElements.length; i++) {
        myElements[i].style.color = "black";
        myElements[i].style.backgroundColor = "orange";
      }
}

有什么方法可以更改此设置，以将接收到的所有新文本动态设置为该颜色？

谢谢。

最佳答案

您可以通过css而不是js轻松地做到这一点，例如：

.from-chat p{
  color:black;
  backgroundColor:orange;
}