【JavaScript】属性の内容を取得するgetAttribute()メソッド

属性の内容を取得するgetAttribute()メソッド

属性の内容を取得するにはgetAttribute()メソッドを使います。

構文 getAttribute()メソッド

getAttribute()の引数に「取得したい属性名」を書きます。

getAttribute('取得したい属性名');

例文 getAttribute()メソッド

getAttribute()メソッドを使って、「div id=”main”」要素の「maxlength属性」で設定している値を取得したいと思います。

<html>
<head>
<title>サンプル</title>
</head>

<body>
    <div id="main" maxlength="150">
        <p>テキスト</p>
    </div>

<script type="text/javascript">
//div id = "main"要素を取得する
var divMain = document.getElementById('main');
//main要素のmaxlength属性を取得する
var maxLength = divMain.getAttribute('maxlength');
alert(maxLength)
</script>
</body>
</html>

例文の実行結果 getAttribute()メソッド

150
例文を実行すると「div id=”main”」要素の「maxlength属性」で設定している150が表示されます。