document.createTextNode( string )メソッド

document.createTextNode( string )は、テキストノードを作るメソッド。

構文

document.createTextNode( string );

引数

string
テキストノードに含めるテキストデータを指定する。

戻り値

テキストノード。

サンプル

サンプルの動作について

「テキスト追加」ボタンをクリックすると、「テキスト追加」ボタンの下に、「サンプル」というテキストを追加する。「テキスト追加」ボタンをクリックするたびに追加していく。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sampleCreateText() {
    var $sampleText = document.createTextNode( "サンプル" );
    document.getElementById( "sample" ).appendChild( $sampleText );
}
</script>

HTML

<button onclick="sampleCreateText();">テキスト追加</button>
<div id="sample" style="margin: 1em;"></div>

スポンサード リンク

カテゴリー: Documentオブジェクト, DOM, JavaScript, メソッド, リファレンス パーマリンク