javascript - 在 JavaScript 中使用类属性设置多个 HTML 属性

Question

通过使用 JavaScript 设置多个属性的以下代码来定位 id 属性，我已经取得了一定的成功:

function setAttributes(el, attrs) {
  for(var key in attrs) {
    el.setAttribute(key, attrs[key]);
  }
}
setAttributes(svgShape,{'d':complexShape,'fill':'#f04'});

但是，是否可以使用该代码或类似代码来定位类属性，而不是 id 属性？

Answer 1

如果您通过类名获取元素，它们将作为 HTML 元素集合出现，因此您必须将类元素转换为数组，然后迭代它们或使用带有 foreach 的 Array 调用:

转换为数组

function setAttributes(el, attrs) {
  var elements = [].slice.call(el);
  elements.forEach(function(element){
    for(var key in attrs) {
      element.setAttribute(key, attrs[key]);
  });
  }
}

原型(prototype)调用

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