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