javascript - 在 innerHTML 中设置一些初始文本

Question

我有以下代码

var dbvalue = "Ned";
var deleteLink = '<a href="#delete" onclick="deleteMe();">Delete</a>';
var editLink = '<a href="#save" onclick="saveMe();">Save</a>';
//newemployee.setAttribute("id", "Lorem_ipsum");
newEmployee.innerHTML="<input type = checkbox>" + "First name: <input>" + "Last name: <input>"  +deleteLink + "" +editLink +"<br/>"+"<br/>";

我想知道如何让我的变量 dbvalue 填写它在我的字段 First name 中保存的值。如何完成？

Answer 1

你有没有尝试过：

newEmployee.innerHTML="<input type = checkbox>" + "First name: <input type='text' value='" + dbvalue + "'>" + "Last name: <input>"  +deleteLink + "" +editLink +"<br/>"+"<br/>";

Answer 2

你可以这样使用它：

var dbvalue = "Ned";
var deleteLink = '<a href="#delete" onclick="deleteMe();">Delete</a>';
var editLink = '<a href="#save" onclick="saveMe();">Save</a>';
//newemployee.setAttribute("id", "Lorem_ipsum");
newEmployee.innerHTML="<input type = checkbox>" + "First name: <input value=\"" + dbvalue + "\" type=\"text\">" + "Last name: <input>"  +deleteLink + "" +editLink +"<br/>"+"<br/>";

单独突出显示名字部分

"First name: <input value=\"" + dbvalue + "\" type=\"text\">"

Answer 3

您确实应该使用addElementandaddTextNode向 DOM 添加元素，但这取决于您。输入不使用innerHTML. 他们使用价值。因此，您的 dbvalue 的示例文本将是：

"First name: <input type=\"text\" value=\""+dbvalue+"\" />" //The slash there is for XHTML. You can leave it out if you want.