1. ホーム
  2. javascript

[解決済み] JavaScriptで要素に複数の属性を一度に設定する

2022-02-19 13:16:14

質問

JavaScriptで複数の属性を一度に設定するにはどうすればよいですか?残念ながら、今回のプロジェクトではjQueryのようなフレームワークを使うことができません。現在、私が持っているものは以下のとおりです。

var elem = document.createElement("img");

elem.setAttribute("src", "http://example.com/something.jpeg");
elem.setAttribute("height", "100%");
elem.setAttribute("width", "100%");

解決方法は?

ヘルパー関数を作ればいいんだよ。

function setAttributes(el, attrs) {
  for(var key in attrs) {
    el.setAttribute(key, attrs[key]);
  }
}

このように呼び出します。

setAttributes(elem, {"src": "http://example.com/something.jpeg", "height": "100%", ...});