JavaScript,jQuery,CSS,HTMLの達人

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

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

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

要素内の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);                                                         // アラートで表示

実行結果

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

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

END