我试图让JavaScript在每次点击按钮时都打印一个字符串，但它只会在我第一次点击它时才会打印。
JavaScript:
function MoreCameras() {
document.getElementById("AddCamera").innerHTML = "<tr><td><input type='text' name='SSIDSetup[]' class='form-control' placeholder='Camera SSID'></td><td><input type='text' name='NameSetup[]' class='form-control' placeholder='Camera Name'></td><td><input type='password' name='PasswordSetup[]' class='form-control' placeholder='Camera Password'></td><td><input type='checkbox' name='EnabledSetup[]'/></td></tr>";
}
HTML:
<table>
<div id="AddCamera"></div>
</table>
<button onclick="MoreCameras()">Add camera</button>
我试过这样的东西，但还是不能让它起作用:
function MoreCameras() {
var div = document.getElementById("AddCamera").innerHTML,
clone = "Long string here";
}
您遇到的问题似乎是设置了innerHTML，而不是添加到其中。
您可以使用+=运算符向innerHTML添加。
例如:
function MoreCameras() {
document.getElementById("AddCamera") += "... some string ...";
}
您可以在MoreCameras函数中尝试使用此方法:
newcamera变量中）。我还从表中删除了无用的div。
null
var newCamera = "<td><input type='text' name='SSIDSetup[]' class='form-control' placeholder='Camera SSID'></td><td><input type='text' name='NameSetup[]' class='form-control' placeholder='Camera Name'></td><td><input type='password' name='PasswordSetup[]' class='form-control' placeholder='Camera Password'></td><td><input type='checkbox' name='EnabledSetup[]'/></td>";
function MoreCameras() {
var row = document.createElement("tr");
row.innerHTML = newCamera;
document.getElementById("AddCamera").appendChild(row);
}<button onclick="MoreCameras()">Add camera</button>
<table id="AddCamera"></table>