element.setAttribute() 属性を設定
最終更新：2026-10-13
element.setAttribute() 属性を設定
setAttribute は要素の HTML 属性を設定します。既存の属性は更新されます。
| カテゴリ | DOM操作 |
|---|
⚙️ 引数
| name | |
|---|---|
| value |
戻り値：undefined。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
ℹ️ info
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.setAttribute() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QsetAttribute と直接代入の違いは？
AsetAttribute は HTML 属性を設定します。直接代入は DOM プロパティを設定します。
Qdata-* 属性を設定できますか？
Aはい — または el.dataset.id を使います。
QsetAttribute はイベントを発生させますか？
Aいいえ — 変更イベントは発生しません。
