HTML/Javascript - 如何实现带图像的动态表格

我想要一个具有4行和可变列数的表格。表格的单元格应该包含图像。我想动态添加图像。我该怎么做呢？有没有教程？我一直无法找到合适的教程。HTML/Javascript - 如何实现带图像的动态表格

2012-02-07 Tobi Weißhaar

有什么动态呢？表格是什么时候创建的？额外的列是如何添加的 - 它是响应用户输入，是循环的一部分吗？图像从哪里来？如何选择每个单元的图像？ – 2012-02-07 10:03:52

尽管可能，但您也不太可能找到有关包含图像的动态表格的教程。你最好考虑如何让它工作，确定你需要实现的步骤以获得你想要的东西，然后寻找指导你如何去做这些事情的教程。例如，如果您希望在用户单击按钮时将新单元格添加到最后一行，则需要学习的第一件事是如何运行代码以响应单击按钮。 – 2012-02-07 10:06:17

所以答案取决于你的意思是“动态”。这是JavaScript的方式获取图像的数量，或什么？ – 2012-02-07 10:17:04

你的意思是类似this？

上面的链接有一个全面的教程来添加表格单元格中的图像。你应该在它上面根据你的需要定制表格。

我无法理解你想如何动态地将图像添加到表格。但是这里有一个小例子让javascript将图像添加到表格单元格中。

<html> 
<head> 
<script type="text/javascript"> 

function AddImage() 
{ 
    document.getElementById("cell").innerHTML = "<img src='YourImageFile.png'>"; 
} 

</script> 
</head> 

<body onLoad="AddImage();"> 

<table> 
<td id="cell">your image will appear here</td> 
</table> 

</body> 
</html>

好运

来源

2012-02-07 10:12:02

乔普搜索了这样的东西...谢谢 – 2012-02-07 12:03:31

HTML/Javascript - 如何实现带图像的动态表格

回答

相关问题