Insert multiple attributes into html tag using JavaScript and not between tags

Question

From a previous quest we asked about inserting a new attribute into a html tag and the code below does the job nicely, but how should it be coded to add multiple attributes, for example changing..

<body bgcolor="#DDDDDD">

to...

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

The code that works for a single attribute is...

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

How to modify this for inserting multiple attributes?

trebuchet · Accepted Answer · 2012-12-06 04:51:29Z

5

As simple as calling it twice:

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

answered Dec 6, 2012 at 4:51

trebuchet

1,4719 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

WilliamK Over a year ago

In this code is ("body") case sensitive? For example will it still apply if the body tag is in caps like <BODY>?

Akhil Sekharan · Accepted Answer · 2012-12-06 05:18:46Z

2

Using jQuery:

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

Using JS:

Write a function yourself like:

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

edited Dec 6, 2012 at 5:18

answered Dec 6, 2012 at 5:01

Akhil Sekharan

12.7k8 gold badges43 silver badges58 bronze badges

Comments

senK · Accepted Answer · 2012-12-06 04:53:27Z

0

May By like this

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

answered Dec 6, 2012 at 4:53

senK

2,8021 gold badge30 silver badges38 bronze badges

Collectives™ on Stack Overflow

Insert multiple attributes into html tag using JavaScript and not between tags

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related