要素の生成

要素の生成

上のリンク成ボタンをクリックするとボタンの下に閑古ワールドへのリンクが表示されます。
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要素に子ノードをセットして終わりです。
このように新たなタグを生成することができます。