ImpressCMS
HOME  >  JSCRIPT  > 要素の様々な情報の取得と設定(1) > text() : 要素内の文字情報を取得・設定する

11 - 5 : text() : 要素内の文字情報を取得・設定する

DOM要素に含まれている文字情報(テキストノード)を取得・設定を行います。
要素のテキストノード取得する:    $(‘要素名’).text();
要素のテキストノードを設定する:    $(‘要素名’).text(‘テキスト’);
テキストノードの設定を行うということは、追加することではなく書き換えをすることになります。
では実際に、idがtitleの見出し1のテキスト情報を取得し、ポップアップ表示をしてみましょう。
またidがsanbanの段落のテキストを「段落の中身が変わっちゃいました」と変更してみましょう。
スクリプトは以下のようになります。
        var moji = $('#title').text();
        alert("#titleの値は"+moji+'です');
        $('#sanban').text("段落の中身が変わっちゃいました");
記入後ファイルを開いた際、タイトルの値がポップアップされ、idがsanbanのテキスト情報が変化していることを確認してください。

 
Publish : 1346 bytes - updated 2024-07-10 by 管理人