2012-04-30 6 views
1

私はjavascriptでhtmlを配置する必要があります。具体的には、javascriptでdivタグへのHTMLリンクを追加したいと思います。場所htmlでjavascript?

HTML:

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

のjavascript:私は私が正しくジャバスクリプトを通じて追加していたHTMLリンクをフォーマット

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

アム?

+0

それは動作しますか? – Amberlamps

+0

正しく動作していれば –

+0

はい、そうですが、単一引用符またはノード(document.createElement、appendChild) –

答えて

5

細かく見えて、hereとなります。二重引用符をエスケープするのではなく、一重引用符を混ぜ合わせることも考えてください。

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

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

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")); 
1

それはより多くのjQueryの必要があります:あなたのコードを実行するとき

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

jQueryが少なくて済みます – MurWade

関連する問題