要素に含まれるすべての子孫要素(テキストノードを含む)を取得または設定

指定された要素に含まれるすべての子孫要素(テキストノードを含む)を取得または設定するには、element.innerHTMLプロパティを使用します。
取得する場合は文字列として返し、設定する場合は指定された要素内がすべて置き換わります。

構文

取得

var getMarkup = element.innerHTML;

設定

element.innerHTML = setMarkup;

設定値

設定するマークアップ(HTMLの文字列)を指定します。

戻り値

取得したマークアップ(HTMLの文字列)を返します。

サンプルコード

JavaScript

var pElement = document.getElementById('sample-innerhtml');

// 取得
var getMarkup = pElement.innerHTML;

alert(getMarkup);

// 設定
var setMarkup = '<span>サンプル</span>';

pElement.innerHTML = setMarkup;

JavaScript逆引きリファレンス一覧へ戻る