在Javascript中将图像插入表单元格

我想在刚创建的新单元格中插入图像。我怎么做？有人能指导我做这件事吗？ 以下是我的insertcells代码：

函数displayResult（）
{
var firstRow=document.getElementById（“myTable”）.rows[0]；
var x=第一行插入单元格（-1）；
x、 innerHTML=“新建单元格”
}
第一单元
第二单元
第三单元


插入单元格

---

也许这会有所帮助，以后可以实现动态性，如果现在可以试试吗？

只需将新单元格的内部HTML设置为img元素的HTML，并使用您想要的任何src或属性

function displayResult()
{
    var firstRow=document.getElementById("myTable").rows[0];
    var x=firstRow.insertCell(-1);
    x.innerHTML="<img src='myImageURL' alt='hello'/>";
}

函数displayResult（）
{
var firstRow=document.getElementById（“myTable”）.rows[0]；
var x=第一行插入单元格（-1）；
x、 innerHTML=“”；
}

您可以创建图像元素并将其附加到新单元格中：

function displayResult()
{
    var firstRow=document.getElementById("myTable").rows[0];
    var x=firstRow.insertCell(-1);
    x.innerHTML="New cell";

    var img = document.createElement('img');
    img.src = "link to image here";
    x.appendChild(img);
}

---

请注意为图像构建原始HTML，如果这样做，您需要确保避开

src

和任何其他属性。

您可以使用

innerHTML

在

td

中放置一些文本，但不能在其中放置

img

标记？@Teemu Yes。。确切地说..我不太明白，如果你写的是

“

而不是

“New cell”

，有什么区别？这个工具可能对转义html属性很有用：它显示图像文件的名称。它没有把实际的图像放在那里。嘿，这对我来说很有用！我也喜欢最少的行数。

function displayResult()
{
    var firstRow=document.getElementById("myTable").rows[0];
    var x=firstRow.insertCell(-1);
    x.innerHTML="New cell";

    var img = document.createElement('img');
    img.src = "link to image here";
    x.appendChild(img);
}