dom_dom0300_003

要素の属性値を読み取るには ( A ) を使い、存在の有無だけを真偽で確認したい場合は ( B ) を使う。

解答

A: getAttribute
B: hasAttribute

解説

getAttribute(name)は文字列(またはnull)を返す。hasAttribute(name)は属性が付与されているかをbooleanで返す。

使用例(サンプルコード)

[ html ]

<img id="hero" src="/logo.png" alt="logo">
<script>
  const el = document.getElementById('hero');
  console.log(el.getAttribute('src'));     // (A) "/logo.png"
  console.log(el.hasAttribute('width'));   // (B) false
</script>