属性値の設定

概要: このチュートリアルでは、setAttribute()メソッドを使用してDOM要素の属性値を設定する方法を学習します。

要素の属性値を設定するには、setAttribute()メソッドを使用します。

element.setAttribute(name,value);Code language: CSS (css)

例えば、アンカー要素のtitle属性を設定するには、以下のコードを使用します。

let link = document.querySelector('a');
link.setAttribute('title','JavaScript DOM setAttribute');Code language: JavaScript (javascript)

data-*属性の値を設定するためにも、setAttribute()メソッドを使用できます。例えば

let btn = document.querySelector('a');
btn.setAttribute('data-method','post');Code language: JavaScript (javascript)