「JavaScript」setAttributeで属性値のvalueを設定する

2021年12月13日

書式
変数名 = 要素.getAttribute(属性);
要素.setAttribute(属性,属性値);
document.getElementById(“text1").setAttribute(“value","属性値");

使用例

<input type="text" id="username" value="山田" maxlength="10" >
<br>
<!--ボタンを押すとchange関数を呼び出します-->
<p><input type="button" value="検証" onclick="change()"> </p>

<script>
function change(){
 //setAttributeメソッドで、テキストボックスのvalueに属性値をセット
 document.getElementById("username").setAttribute("value","山城");   
}

</script>

実行結果
「検証」ボタンを押すと、テキストボックス「username」に新属性値を設定します