Question

我想做的是让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>

Answer 1

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

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg" />'

Answer 2

试试这个：

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg" alt="Remove Criteria" />'

Answer 3

怎么样？

y[0].innerHTML = '<img src="http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg">';

Answer 4

您需要将图片来源保留在标记中，例如

y[0].innerHTML = "<img src='http://www.handicappedpets.com/wizards/img/wwmeasure2B.jpg'/>"

Answer 5

您可以使用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/

Answer 6

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

制作文字图像

6 个答案: