Using attr on elements created with javascript

Question

If I create a new DOM element with Javascript document.createElement, is there a way to use jquery function attr() to change the element's attribute?

Darin Dimitrov · Accepted Answer · 2010-08-17 07:47:33Z

2

var element = document.createElement(tagName);
$(element).attr('foo', 'bar');

answered Aug 17, 2010 at 7:47

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

Comments

Haim Evgi · Accepted Answer · 2010-08-17 07:48:49Z

1

you can use javascript like :

var link = document.createElement('a');
link.setAttribute('href', 'mypage.htm');

or jquery

$(link).attr('href', 'mypage.htm');

answered Aug 17, 2010 at 7:48

Haim Evgi

126k46 gold badges222 silver badges226 bronze badges

2 Comments

yilmazhuseyin Over a year ago

(for the first method) if you will add an event (like onclick). maybe you should just use link.onclick instead of link.setAttribute source = justinfrench.com/notebook/javascript-setattribute-vs-ie

Christian C. Salvadó Over a year ago

@yilmazhuseyin: Yeah, that's why I always recommend to use DOM properties over setAttribute.

Christian C. Salvadó · Accepted Answer · 2010-08-17 07:51:21Z

1

Of course you can, but compare:

var element = document.createElement('input');

$(element).attr('type', 'button');

// vs.

element.type = 'button';

IMO I would simply use the second approach, staying away from the IE's buggy element.setAttribute method.

answered Aug 17, 2010 at 7:51

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Collectives™ on Stack Overflow

Using attr on elements created with javascript

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related