[JavaScript] HTMLタグの属性値を取得する（getAttribute）

投稿日：2016年10月20日更新日：2018年4月28日

HTMLタグの属性値を取得するには、getAttributeを使用します。

HTMLタグの属性値を取得する

例）id="txt1"の、maxlengthプロパティの値を取得する

function getZokusei(){
  var a = document.getElementById("txt1").getAttribute("maxlength");
  alert(a);
}

function getZokusei(){

var a = document.getElementById("txt1").getAttribute("maxlength");

alert(a);

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="text" id="txt1" value="hoge" maxlength="8" />
  <input type="button" value="ボタン" onclick="getZokusei();" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

（結果）: 8

解説

HTMLで用意されていない独自に設定した属性でも取得することができます。

執筆者：とら