DOM（HTML）②

脱非プログラマーを目指すニートのつぶやき

HTMLのタグをJavaScriptで追加する方法

appendChild()メソッドを使用する。

例えば<ｐ>タグを追加したい場合、<body>の子要素に<h1><dl><p>を置くと考えると

var element = document.createElement("p");   //タグ生成
var text = document.createTextNode("hello"); //テキスト生成
​document.body.appendChild(element).appendChild(text); //要素を追加

この記事が気に入ったらサポートをしてみませんか？