dom_dom0300_005

要素のHTML構造を含む内容を文字列として取得したい場合は ( A )、要素自身を含めた外側のHTML文字列が欲しい場合は ( B ) を使う。

解答

A: innerHTML
B: outerHTML

解説

innerHTMLは要素内部のHTMLを返す。outerHTMLは要素自身を含むHTMLを返し、タグごと文字列化される。

使用例（サンプルコード）

[ html ]

<div id="box"><strong>Hi</strong></div>
<script>
  const box = document.getElementById('box');
  console.log(box.innerHTML);  // (A) "<strong>Hi</strong>"
  console.log(box.outerHTML);  // (B) "<div id="box"><strong>Hi</strong></div>"
</script>