Question

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

<body bgcolor="#DDDDDD">

为...

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

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

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

如何修改此插入多个属性？

Answer 1

就像调用它一样简单：

var body = document.getElementsByTagName("body")[0];
body.setAttribute("topmargin", "0");
body.setAttribute("leftmargin", "0");

Answer 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'])

Answer 3

5月就像这样

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

使用JavaScript而不是标记之间将多个属性插入到html标记中

3 个答案: