JavaScript

JavaScript setAttribute method.

setAttribute

　setAttributeは指定した要素に属性を追加する、または既存の属性を変更します。

Syntax（構文）


setAttribute('属性の名前', '新しい属性')

属性の追加


<div id="sample"></div>



const sample = document.getElementById('sample');
sample.setAttribute('class', 'test');

　sample.setAttribute('class', 'btn')によって class属性を追加しています。

属性の変更


<div id="sample"></div>



var sample = document.getElementById('sample');
sample.setAttribute('id', 'sample2');

　上記のように指定することで、id名が上書きされ、変更されます。

変更後のソースコード


<div id="sample2"></div>