如何使用 JavaScript 在 html 中显示与用户输入(数字)一样多的图像?我的代码似乎有错误,不知道如何纠正。
<!DOCTYPE html>
<html>
<body>
<p>Click the button to add a new element to the array.</p>
<input type="number" id="myNumber" value="">
<button onclick="imag(c,x)">Try it</button>
<p id="demo"></p>
<script>
function imag(c,x) {
var x = document.getElementById("myNumber").value;
var c="<img src='C:/Users/Akhil/Desktop/New folder/G.jpg'/>";
var arr = [];
for (var i = 0; i < x; i++) {
arr.push(c);
document.getElementById("demo").innerHTML = arr;
}
}
</script>
</body>
</html>
最佳答案
试试这个:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to add a new element to the array.</p>
<input type="number" id="myNumber" value="">
<button onclick="imag()">Try it</button>
<p id="demo"></p>
<script>
function imag() {
var x = document.getElementById("myNumber").value;
var c = '\<img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg"\/\>';
var arr = [];
for (var i = 0; i < x; i++) {
arr.push(c);
document.getElementById("demo").innerHTML = arr;
}
}
</script>
</body>
</html>
请注意,我刚刚更改了 <button onclick="imag(c,x)">Try it</button>
至<button onclick="imag()">Try it</button>
;我在这里交换了你的撇号:var c="<img src='C:/Users/Akhil/Desktop/New folder/G.jpg'/>";
您告诉 javascript imag() 应该获取两个变量。但您从未给函数提供实际变量(并且您将它们填充到函数内部)。所以我从函数的减速中删除了变量。
我做的第二件事是更改引号和撇号,因为 HTML 标准要求标签内容使用引号。在它们之间切换可以让您保持 HTML 标准。
关于javascript - 如何使用javascript显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29455789/