要素の HTML コンテンツを取得および設定する

要素の HTML コンテンツを取得または設定するには、innerHTML プロパティを使用します。

次のコードは、CSS クラスが .note の要素をクエリし、その HTML を返す方法を示しています。

const el = document.querySelector('.note');
console.log(el.innerHTML);Code language: JavaScript (javascript)

そして、新しい HTML コンテンツを設定する方法を示します。

el.innerHTML  = '<p>New HTML Content</p>';Code language: HTML, XML (xml)