Javascript 如果单元格中的文本包含特定单词,则在其中放入图像#2

Javascript 如果单元格中的文本包含特定单词,则在其中放入图像#2,javascript,Javascript,我希望我的表将特定文本转换为图像 我读了这篇文章,几乎找到了一个解决方案: 我遇到的问题是,表格仅更改第一个文本,如果第二次出现示例“红色”,它将返回空白单元格,而不是另一个红色图像 我对编程非常熟悉,并尝试从上面的线程复制代码,有点知道像我这样重复代码而不是在同一段中声明代码是错误的,但这就是它现在的样子和半工作原理:) var allTableCells=document.getElementsByTagName(“td”); var yourImage=新图像(); yourImage.s

我希望我的表将特定文本转换为图像

我读了这篇文章,几乎找到了一个解决方案:

我遇到的问题是,表格仅更改第一个文本,如果第二次出现示例“红色”,它将返回空白单元格,而不是另一个红色图像

我对编程非常熟悉,并尝试从上面的线程复制代码,有点知道像我这样重复代码而不是在同一段中声明代码是错误的,但这就是它现在的样子和半工作原理:)

var allTableCells=document.getElementsByTagName(“td”);
var yourImage=新图像();
yourImage.src=“red.png”;
对于(var i=0;i

真的很感激如果有人能帮助我,使每个新的细胞,也包含特定的文字得到一个图像

您正在附加相同的DOM元素,因此最终只能得到一个图像

将图像元素创建移动到循环中

for (var i = 0;i < allTableCells.length; i++) {
    var node = allTableCells[i];
    if (node.textContent.trim() === "RED") {
        node.textContent = "";
        var yourImage = new Image();
        yourImage.src = "red.png";
        node.appendChild(yourImage);
    }
}
for(var i=0;i
for (var i = 0;i < allTableCells.length; i++) {
    var node = allTableCells[i];
    if (node.textContent.trim() === "RED") {
        node.textContent = "";
        var yourImage = new Image();
        yourImage.src = "red.png";
        node.appendChild(yourImage);
    }
}