JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

JavaScript の基本 ~ 自分を含む要素内のHTMLを取得したい ~

f:id:vw-dsg:20200601063255p:plain

~ 自分を含む要素内のHTMLを取得したい

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

例)get_html = element.outerHTML;     // 自分を含む要素内のHTMLを取得

サンプルソース

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

var get_html;                                                             // 取得したHTMLを格納する変数を用意
var element = document.getElementById("outer");   // 'outer' という id を持つ要素を取得
get_html = element.outerHTML;                               // 自分を含む要素内のHTMLを取得
alert(get_html);                                                         // アラートで表示

実行結果

今日は真冬の寒さですね。

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

END