为属性设置多个值

Question

为给定元素设置属性很容易：

el.setAttribute('rel', 'nofollow');

但是对于某些属性（例如示例中的rel ，允许使用多个值。 如果为rel ，则其值应以空格分隔 。 因此，我不能只是setAttribute ，因为那会替换现有值。 将值附加到现有属性的正确方法是什么，以便它包含两个值，例如rel="external nofollow" ？ 有什么比获取现有属性和+=新值更好的了吗？

注意：理想情况下，我不想使用jQuery，而只是使用普通的JavaScript。

Answer 1

我会说：

el.setAttribute("rel", el.getAttribute("rel") + " newRel");

Answer 2

您可以对el使用rel ，因此除了其他答案外，您还可以使用：

el.setAttribute('rel', el.rel + 'new_rel');