javascript - HTMLをjavascript文字列に配置しますか?

Question

HTMLをjavascript文字列に配置する必要があります。具体的には、javascript で div タグに HTML リンクを追加したいと考えています。

html:

<div id="mydivtag"></div>

JavaScript:

document.getElementById('mydivtag').innerHTML = "<li><a href=\"someLink\">Some Link</a></li> ";

JavaScript を使用して追加する html リンクを正しくフォーマットしていますか?

Answer 1

見栄えがよく、ここで動作します。二重引用符をエスケープする代わりに単一引用符を混在させることを検討することもできますが、それは単なる好みです。

document.getElementById('mydivtag').innerHTML = "<li><a href='someLink'>Some Link</a></li>";

Answer 2

あなたはそれを一行で持つことができます：

document.getElementById("mydivtag").appendChild(function(li, l, t) { li.appendChild(function(a, l, t) { a.href = l; a.innerHTML = t; return a; } (document.createElement("a"), l, t)); return li; } (document.createElement("li"), "mylink", "mytext"));

Answer 3

さらに jQuery が必要です。

$('#mydivtag').html('<li><a href="someLink">Some Link</a></li>');