JavaScript テキストノードを生成する
DOMでテキストノードを生成するには、「document.createTextNode()」メソッドを使います。document.createTextNode()のパラメータには文字列を指定します。テキストノードを生成しただけではページ上に表示されません。ノードとして生成されるので、「appendChild()」メソッドを使って、ページ上にあるDOM要素に追加や挿入する必要があります。
<body>
<script>
window.addEventListener("load" , function(){
//テキストノードを生成
var text1 = document.createTextNode("DOM Smaple");
var text2 = document.createTextNode("Sample text");
//ページの末尾に追加
document.body.appendChild(text1);
//p要素の末尾に追加
document.getElementsByTagName("p")[0].appendChild(text2);
}, false);
</script>
<h1>テキストノードを生成する</h1>
<p></p>
</body>テキストノードが生成され、それぞれ、「body」要素の末尾と「p」要素の末尾に追加されます。
