用javascript更改DOM元素的多个属性

Question

我有一个名为loadstyles()的简单函数：

function loadStyles(url) {
        var link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = url;
        link.media = 'all';
        (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(link);
}

我想知道除了这个以外，是否还有其他方法可以添加某些属性的值:link.rel等于...，link.type等于...等。

我试过这样的方法：

function loadStyles(url) {
    var link = document.createElement('link');
    link += {
        rel: 'stylesheet',
        type: 'text/css',
        href: url,
        media: 'all'
    };
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(link);
}

但那行不通。我知道尝试它可能是愚蠢的（因为我的IDE说这个{....}表达式不能分配给类型HTML元素^^')。

Answer 1

我认为JavaScript标准中什么都没有。

但是你可以用这样的函数

function setAttributes(element, attributes) {
  for (var name in attributes) {
    element.setAttributes(name, attributes[name]);
  }
}

function loadStyles(url) {
    var link = document.createElement('link');
    setAttributes(link, {
        rel: 'stylesheet',
        type: 'text/css',
        href: url,
        media: 'all'
    });
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(link);
}

我没有测试过，但应该能用。