「JavaScript」getElementsByNameメソッドの使い方

2021年10月15日

構文
var elements = document.getElementsByName(name);
elements は、生きた NodeList コレクション、つまり文書内で同じ name を持った新しい要素が追加されたり削除されたりすると自動的に更新されるものです。
引数name:要素の name 属性の値です。

使用例

<!DOCTYPE html>
<html lang="en">
<title>document.getElementsByName の使用例</title>

<input type="hidden" name="username" value="山田太郎">

<script>
  //document.getElementsByName(属性名)
  var cft = document.getElementsByName("username");
   alert("値1: "+cft[0].tagName +cft[0].value); 
   
   //document.getElementsByName(属性名)[0].value
   var cft2 = document.getElementsByName("username")[0].value;
   alert("値2: "+cft2)
</script>
</html>

結果
値1: INPUT山田太郎
値2: 山田太郎

JavaScript

Posted by arkgame