document.getElementsByTagName(“tag”)

タグから要素を取得
<p></p>
<p></p>
<p></p>

<script>
let message = document.getElementsByTagName("p");
for (let i = 0; i < message.length; i++) {
message[i].innerHTML = "Hello world!!"
}
</script>

↓実行すると

全ての”p”タグの要素を取得してしまうので嫌な人はdocument.getElementById(“ID”)を使い、IDの要素のみ取得するようにすればOK↓

<div id="result">
<p></p>
<p></p>
<p></p>
</div>

<script>
let message = document.getElementById("result").getElementsByTagName("p");
for (let i = 0; i < message.length; i++) {
message[i].innerHTML = "Hello world!!"
}
</script>

コメント