JavaScript & jQuery & CSS & HTML の達人

JavaScript と jQuery と CSS と HTML の使い方がわかるブログ

JavaScript の基本 ~ 要素内のHTMLを取得したい ~『innerHTML』

要素内のHTMLを取得したい

要素内のHTMLを取得するには「innerHTML」プロパティを使用します。

例)get_html = element.innerHTML;     // element内のHTMLを取得

サンプルソース

下のサンプルでは「test」という id 名が付けられた要素内のHTMLを取得した後、アラートで表示します。

var get_html;                                                             // 取得したHTMLを格納する変数を用意
var element = document.getElementById("test");     // 'test' という id の要素を取得
get_html = element.innerHTML;                               // 要素 element 内にあるHTMLを取得
alert(get_html);                                                         // アラートで表示

実行結果

今日はとても寒いですね。

※このページの読み込みが完了してから試してください。