「JavaScript」getAttributeでhtmlタグの属性値を取得
書式
var 変数名 = document.getElementById(セレクタID名).getAttribute(タグ名);
getAttributeを使用してHTMLタグの属性値を取得します。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>htmlタグの属性値を取得するサンプル</title> <script >function funA(){ var cft = document.getElementById("username").getAttribute("maxlength"); alert("maxlengthプロパティの値:"+cft); var cftB = document.getElementById("username").getAttribute("style"); alert("styleプロパティの値:"+cftB); }</script> </head> <body> <input type="text" id="username" value="山田 太朗" maxlength="10" style="color:blue;"/> <input type="button" value="検証" /> </body> </html>
結果
「検証」ボタンを押すと、alertに以下のメッセージが表示されます。
maxlengthプロパティの値:10
styleプロパティの値:color:blue;