Javascript 查找并替换导致重复的单词

我正在尝试循环一组DOM元素/按钮。 然后我想找到一个特定的单词，并用两个单词替换它

这几乎适用于所有场景

例如，以下代码将div的文本更改为“APPLES”

let buttons=document.getElementsByClassName（“主按钮”）；
对于（var i=0；i您可以在匹配
ORANGE
时对
引出序号进行负向前瞻，以确保现有的
橙色引出序号不被更改：

for (const button of document.querySelectorAll('.main-buttons')) {
  button.innerHTML = button.innerHTML.replace(
    /ORANGE(?! BALLOONS)/gi,
    'ORANGE BALLOONS'
  );
}

如果这些元素中的每一个都只包含文本，还可以将
innerHTML
更改为
textContent
——最好只将
innerHTML
与HTML标记一起使用。（对于纯文本，
.textContent
更合适、更快、更安全）
在看到“橙色气球”之前，您的文本是什么？@GabrielLupu-只是“橙色”
    let buttons = document.getElementsByClassName("main-buttons");

    for(var i=0; i<buttons.length; i++) {
        var res = buttons[i].innerHTML.replace(/ORANGE/gi, "ORANGE BALLOONS");
        buttons[i].innerHTML = res;
    };

for (const button of document.querySelectorAll('.main-buttons')) {
  button.innerHTML = button.innerHTML.replace(
    /ORANGE(?! BALLOONS)/gi,
    'ORANGE BALLOONS'
  );
}