DOM

概要

DOM (Document Object Model) API は HTML/XML 文書をツリー構造として表現し、JavaScript から要素の取得・作成・変更・削除を行えます。

対応ブラウザ

基本構文

const el = document.createElement('div');
el.textContent = 'Hello';
el.classList.add('highlight');
document.body.appendChild(el);

実務での使いどころ

• DOM の活用

  DOM API。HTML文書の構造をプログラムで操作するための基本API。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — DOM