Question

我有动态创建的图像（JavaScript）的问题。我想更改表格单元格的innerHTML属性：

   var x=document.getElementById('myTable').rows;
   var y=x[0].cells;

   var myImg = document.createElement('img');
   myImg .setAttribute("alt","");
   myImg .setAttribute("style","vertical-align: middle; visibility:visible");
   myImg .setAttribute("src", "http://valid_link/ajax-loader.gif");

   y[0].innerHTML = myImg ;

但是，结果我看到“[object HTMLImageElement]”。如何显示那张照片？

Answer 1

myImg是一个对象，而不是HTML字符串。如果您尝试使用y[0].appendChild(myImg)该怎么办？

Answer 2

innerHTML允许您设置节点的HTML内容。但是，您使用元素对象而不是包含HTML的字符串来设置它。该对象将转换为字符串，这就是您看到[object HTMLImageElement]而不是图像的原因。

要将元素对象添加到页面中，请使用appendChild。以下示例清除单元格，然后附加图像元素：

y[0].innerHTML = '';
y[0].appendChild(myImg);

动态创建图像的问题

2 个答案: