Javascript 匹配div中的文本，然后添加类

此div是动态添加的

<div id="thumb"></div><div id="mssg"></div>

这是我如何添加div的函数

function addChat(input, outcome) {
const mainDiv = document.getElementById("box");

let bot = document.createElement("div");
bot.id = "bot-wrap";
bot.innerHTML = `<div id="thumb"></div><div id="mssg">${outcome}</div>`;
mainDiv.appendChild(botDiv);

函数addChat（输入、结果）{
const mainDiv=document.getElementById（“框”）；
让bot=document.createElement（“div”）；
bot.id=“bot wrap”；
bot.innerHTML=`${output}`；
主分区附加子分区（botDiv）；

}

var text=$（'#mssg'）.text（）；
如果（text.indexOf（'haha'）>=0 | | text.indexOf（'hihi'）>=0 | | text.indexOf（'hehe'）>=0）{
$（'#thumb'）.addClass（“红色”）；
};
.red{
颜色：红色；
}

试验
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。我更新了我的问题。thanks@88willr尝试将此代码添加到adddiv函数中。我无法复制添加div。@88willr我添加了DOM更改的代码，请参见2ed示例。但只需在add div函数的末尾添加第一个解决方案就可以了。@88willr如果这些都不起作用，请将domsubertreemodified从我的2ed示例绑定到您从一开始就插入DOM中的所有div的元素。
function addChat(input, outcome) {
const mainDiv = document.getElementById("box");

let bot = document.createElement("div");
bot.id = "bot-wrap";
bot.innerHTML = `<div id="thumb"></div><div id="mssg">${outcome}</div>`;
mainDiv.appendChild(botDiv);