塩焼きブログ

塩焼きに関しての研究内容を公開しています

JavaScriptでテキストノードを作成しappendChild()で要素に追加する

createElementなどで作成した要素に対してcreateTextNodeで作成したテキストノードをappendChildなどでテキストを追加する例

var midashi = document.createElement('h1');
var text = document.createTextNode('text');
midashi.id = 'title';
midashi.appendChild(text);
document.body.appendChild(midashi);

このような要素が作成される

<h1 id="title">text</h1>