document.getElementById('addplace').addEventListener('click', function() {
addplace();
});
function addplace() {
var node = document.createElement("li"); // Create a <li> node
node.innerHTML = "<input/>"
document.getElementById("waypoints").appendChild(node);
}
<ul id="waypoints"></ul>
<input type="submit" id="addplace" />
当单击按钮时,上面的代码片段成功地将输入字段添加到 ul。但是,当我向输入字段添加属性时,提交按钮不再起作用。
document.getElementById('addplace').addEventListener('click', function() {
addplace();
});
function addplace() {
var node = document.createElement("li"); // Create a <li> node
node.innerHTML = "<input class="field" placeholder="Where to begin?" onFocus="geolocate()" type="text" />"
document.getElementById("waypoints").appendChild(node);
}
<ul id="waypoints"></ul>
<input type="submit" id="addplace" />
谢谢。
最佳答案
您必须转义("\""
)字符串内的双引号,或者使用单引号("'"
)代替双引号解决您的问题。
function addplace() {
var node = document.createElement("li"); // Create a <li> node
node.innerHTML = "<input class='field' placeholder='Where to begin?' onFocus='geolocate()' type='text' />"
document.getElementById("waypoints").appendChild(node);
}
通过转义双引号的解决方案,
node.innerHTML = "<input class=\"field\" placeholder=\"Where to begin?\" onFocus=\"geolocate()\" type=\"text\" />"
关于javascript - innerHTML(或其他方法): append li to ul,,其中 <input/> 包括属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36532484/