document.createTextNode( string )は、テキストノードを作るメソッド。
構文
document.createTextNode( string );
引数
- string
- テキストノードに含めるテキストデータを指定する。
戻り値
テキストノード。
サンプル
サンプルの動作について
「テキスト追加」ボタンをクリックすると、「テキスト追加」ボタンの下に、「サンプル」というテキストを追加する。「テキスト追加」ボタンをクリックするたびに追加していく。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleCreateText() {
var $sampleText = document.createTextNode( "サンプル" );
document.getElementById( "sample" ).appendChild( $sampleText );
}
</script>
function sampleCreateText() {
var $sampleText = document.createTextNode( "サンプル" );
document.getElementById( "sample" ).appendChild( $sampleText );
}
</script>
HTML
<button onclick="sampleCreateText();">テキスト追加</button>
<div id="sample" style="margin: 1em;"></div>
<div id="sample" style="margin: 1em;"></div>