「JavaScript」getElementsByTagNameで指定タグ名を取得

2014年10月15日2021年9月27日

書式
var elements = document.getElementsByTagName(name);
getElementsByTagName は Document インターフェイスのメソッドで、指定されたタグ名を持つ要素の HTMLCollection を返します。

使用例

<div id="cft">
  <input type="text" value="changfa" maxlength="20" />
</div>
<input type="button" value="変更" onclick="change()" />
<script>
  function change() {
    //divタグのidのcftを取得
    const selId = document.getElementById("cft");
    //指定inputタグ名を持つ要素
    const inputTag = selId.getElementsByTagName("input");
    //タグの値を判定
    if (inputTag.item(0).value === "changfa") {
        inputTag.item(0).value = "住所";
        inputTag.item(0).style.background = "red";
    }
  }
</script>