JavaScript setAttributeでname属性を変更する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
1.対象の要素を取得する
document.getElementById('セレクターID名’);
3.setAttributeでnameの属性を変更する
setAttribute(変更前の属性,変更後の属性)
使用例
<!DOCTYPE html>
<html>
<body>
<input type="text" id="userid" name="cft" />
<button onclick="chk()">テスト</button>
<script>
function chk() {
const kk = document.getElementById('userid');
kk.setAttribute('name', 'uup');
}
</script>
</body>
</html>
実行結果
ボタン「テスト」を押すと、name属性の値「cft」を「uup」に変更します。