3

在之前的任务中，我们询问了如何将新属性插入到 html 标签中，下面的代码很好地完成了这项工作，但是应该如何编码以添加多个属性，例如更改..

<body bgcolor="#DDDDDD">

到...

<body bgcolor="#DDDDDD" topmargin="0" leftmargin="0">

适用于单个属性的代码是......

document.getElementsByTagName("body")[0].setAttribute("id", "something");

如何修改它以插入多个属性？

4

3 回答 3

5

就像调用它两次一样简单：

var body = document.getElementsByTagName("body")[0];
body.setAttribute("topmargin", "0");
body.setAttribute("leftmargin", "0");
于 2012-12-06T04:51:29.083 回答
2

使用 jQuery：

$('body').attr({
  topmargin: 0,
  leftmargin: 0
});

使用 JS：

自己写一个函数，比如：

    HTMLElement.prototype.setAttributes= function(attrs, values) {
        for(var i=0;i<attrs.length;i++){
            this.setAttribute(attrs[i] ,+values[i]);
        }
    };

    //And call it like:

    document.getElementById('custom-header').setAttributes(['topmargin','leftmargin'],['0','0'])
于 2012-12-06T05:01:35.080 回答
0

可以这样

document.getElementsByTagName("body")[0].setAttribute("id", "something");
document.getElementsByTagName("body")[0].setAttribute("topmargin", "0");
document.getElementsByTagName("body")[0].setAttribute("leftmargin", "0");
于 2012-12-06T04:53:27.337 回答