HTML DOM ElementのsetAttribute()メソッドの用途

HTMLのネイティブな要素であるsetAttribute（）メソッドは、指定した要素の属性値を設定するために使用されます。２つのパラメーターを受け入れます。１つめのパラメーターは設定する属性名、２つめのパラメーターは設定する属性値です。

JavaScript の setAttribute() メソッドを使用すると、要素の属性を動的に変更できます。ID、class、スタイルなどの組み込み属性だけでなく、カスタム属性も変更できます。これは、JavaScript で HTML 要素の属性を操作して変更する場合に非常に役立ちます。

たとえば、setAttribute()メソッドを使用することで、要素のclass属性値を変更し、要素のスタイルを変更したり別のCSSクラスを適用したりすることができます。また、setAttribute()メソッドを使用することで、特定の要素に関連するデータを格納および取得するためのカスタム属性を設定することもできます。

次に setAttribute() メソッドの例を示します。

ネイティブな日本語で言い換えると次のようになります。

<div id="myDiv">Hello World!</div>

ネイティブの日本語でこの文を言い替えてください。オプションは 1 つだけでけっこうです。

var divElement = document.getElementById("myDiv");
divElement.setAttribute("class", "red");

上記のコードでは、