我想接受用户(数字)的输入并显示图像与数字一样多的次数。如果用户输入5,则图像应彼此相邻显示5次,并在图像下方显示相应的数字-低于第一张图像'1 ' 第二张图片“2”。基本上将此表放入循环中。
<HTML>
<BODY>
<TABLE>
<TR>
<TD>
<IMG SRC="C:/Users/User/Desktop/RE/G.JPG">
</TD>
</TR>
<TR><TD ALIGN="CENTER">1</TD>
</TABLE>"
</BODY>
</HTML>
最佳答案
您可以使用 jQuery 来完成此任务,并编写一个函数来生成具有动态值的 HTML:
完整的解决方案
<HTML>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
function generateTable(number) {
return "<table><tr><td>" +
"<img src='C:/Users/User/Desktop/RE/G.JPG'></td></tr><tr><td align='center'>" +
number +
"</td></table>";
}
$(function(){
var userInput = 3;
for (var i = 0; i < userInput; i++) {
$('#dynamic').append(generateTable(i + 1));
}
});
</script>
</head>
<body>
<div id='dynamic'></div>
</body>
</html>
关于javascript - 如何在具有一定约束的html中动态创建表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29534725/