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

本当に使用してDOMに要素を追加する必要がaddElementありaddTextNodeますが、それはあなた次第です。入力はを使用しませんinnerHTML。彼らは価値を使用します。したがって、dbvalueを含むテキストの例は次のようになります。

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