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 - 如何實現帶圖像的動態表格

回答

相關問題