Question

有一些代码：

var el = document.createElementNS('http://www.w3.org/2000/svg', 'rect');

var c = this.chart;

el.setAttribute('x', c.x + c.padding + 'px');
el.setAttribute('y', c.y + c.padding + i * (b.height + b.margin) + 'px');
el.setAttribute('width', model.value * c.scale + 'px');
el.setAttribute('height', b.height + 'px');
el.classList.add('bar');

this.svg.appendChild(el);

任何让它看起来不那么丑陋的选择？有可能有更多的属性...

Answer 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%", ...});

如何使dom操作更清晰

1 个答案: