<!DOCTYPE html>
<html>
<body>
<h2>JavaScript HTML DOM</h2>
<p>クラス名による HTML 要素の検索。</p>
<p class="intro">Hello World!</p>
<p class="intro">この例では、<b>getElementsByClassName</b>メソッドを示します。</p>
<p id="demo"></p>
<script>
const x = document.getElementsByClassName("intro");
document.getElementById("demo").innerHTML =
'The first paragraph (index 0) with class="intro" is: ' + x[0].innerHTML;
</script>
</body>
</html>
