0

我想要做的是让 Y[0] 成为图像而不是文本。现在它只是纯文本的链接，而不是图像。

<html>
<head>
<script type="text/javascript">
function changeContent(){
    var x=document.getElementById('myTable').rows
    var y=x[0].cells
    y[0].innerHTML = "http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg"
}
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>d</td>
<td>d</td>
</tr>
<tr>
<td>d</td>
<td>d</td>
</tr>
</table>
<form>
<input type="button" onclick="changeContent()" value="Change content">
</form>
</body>

</html>
4

6 回答 6

2

您只是将单元格的 html 设置为一些恰好是 url 的文本。您需要在单元格内创建一个 img 标签：

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg" />'
于 2013-01-10T16:46:29.977 回答
0

试试这个：

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg" alt="Remove Criteria" />'
于 2013-01-10T16:47:51.733 回答
0

关于什么

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg">';
于 2013-01-10T16:48:26.020 回答
0

您需要将图像源保存在标签，像这样 

y[0].innerHTML = "<img src='http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg'/>"
于 2013-01-10T16:48:40.813 回答
0

您可以使用 javascript 动态创建图像并将其附加到单元格中。

window.changeContent = function () {
    var x = document.getElementById('myTable').rows,
        cell = x[0].cells[0],
        img = document.createElement('img');

    img.setAttribute('src', 'http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg');

    cell.innerHTML = '';
    cell.appendChild(img);

}

http://jsfiddle.net/C7KZu/

于 2013-01-10T16:53:06.193 回答
-1

你不能那样做。您可以做的是将该 URL 放入标签中并将其插入，或者创建一个新的 Image() 对象，设置它的 src 属性并将其插入到 DOM 中。

于 2013-01-10T16:46:40.263 回答