問題一覧に戻る
中級dom
問題101: getElementById

getElementByIdメソッドによるDOM要素の取得を学びましょう。document.getElementByIdはHTML要素のid属性で指定して、該当する単一の要素を取得します。IDはページ内で一意である必要があり、高速に要素を取得できます。要素が存在しない場合はnullが返されるため、必ずnullチェックを行いましょう。フォームや特定のコンテナなど、特定の要素に直接アクセスしたい場合に最もよく使用されます。

// Mock DOM for demo
const mockElement = { 
  id: "myDiv",
  textContent: "こんにちは"
};

// DOM element getter
const getElementById = (id) => {
  if (id === "myDiv") return mockElement;
  return null;
};

const element = ("myDiv");
if (element) {
  console.log(`要素を発見: ${element.id}`);
  console.log(`テキスト: ${element.textContent}`);
}

const notFound = ("notExist");
console.log(`見つかりません: ${notFound}`);