上のリンク成ボタンをクリックするとボタンの下に閑古ワールドへのリンクが表示されます。 document.createElement('タグ名'); で要素を生成してそれを表示することができます。 HTML <input type="button" id="btn" value="リンク生成" /> <div id="disp"></div>JavaScript window.onload = function() { // ボタンクリック時の処理 document.getElementById('btn').onclick = function(){ var elm = document.createElement('a'); elm.href= "https://sadaji.net"; var name = document.createTextNode("閑古ワールド"); elm.appendChild(name); var disp = document.getElementById('disp'); disp.appendChild(elm); }; };var elm = document.createElement('a'); <a href=""> </a>. が生成されます。 次にリンクに必要なhrefとリンク名をセットします。 最後にdisp要素に子ノードをセットして終わりです。 このように新たなタグを生成することができます。 |