JavaScriptで動的に要素を追加する場合

2010年4月30日

以下はJavaScriptで動的にaタグを追加する例

var child = document.createElement('a’);
child.href = “http://www.yahoo.co.jp";
child.appendChild(document.createTextNode(“TEST"));

document.getElementById('Parent’).appendChild(child);

これで、
ParentというID名を持つ要素内に
<a href="http://www.yahoo.co.jp/">TEST</a>
というaタグが追加される。

JavaScript