JavaScript

JavaScriptの setAttribute() で、HTML要素へ属性を追加したり、既存の値を変更したりする基本を説明します。

この記事でわかること

　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>