JavaScript で要素に複数の属性を一度に設定する 質問する

JavaScript で要素に複数の属性を一度に設定する 質問する

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

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

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

ベストアンサー1

ヘルパー関数を作成できます:

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

次のように呼び出します:

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

おすすめ記事