use*_*483 7 html javascript html-table image cell
我想将图像插入刚创建的新单元格.我该怎么做？任何人都可以指导我这样做吗？这是我的insertcells代码:
<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>First cell</td>
<td>Second cell</td>
<td>Third cell</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert cell</button>
</body>
</html>
我想要的只是在创建的单元格中插入图像.
MrC*_*ode 19
您可以创建图像元素并将其附加到新单元格:
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和任何其他属性.
只需将新单元格的内部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'/>";
}
小智 -1
function displayResult()
{
document.getElementById("myTable").rows[0].innerHTML="your image";
}
也许这会有所帮助，稍后可以实现动态主义，试试现在是否有效？
| 归档时间： |
|
| 查看次数： |
37779 次 |
| 最近记录： |