How do I change the attribute values of an element using javascript

Question

I have a video element with attributes. All I want to do is change those attributes. How do I do this with javascript?

This is my video element with attributes

<video id="VideoElement" src="video/surfing.ogv" controls poster="images/surfing.jpg" width="480" height="300"></video>

Marc B · Accepted Answer · 2011-11-17 16:40:46Z

2

A non-jquery solution:

document.getElementById('VideoElement').attributename = newvalue;

answered Nov 17, 2011 at 16:40

Marc B

362k44 gold badges433 silver badges508 bronze badges

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

2 Comments

user1048682 Over a year ago

So for instance, if I want to change the src="" attribute of the video element, I could just write: document.getElementById('VideoElement').src = video/cycling;

Marc B Over a year ago

... .src = 'video/cycling';, but otherwise, yes.

Ayush · Accepted Answer · 2011-11-17 16:42:20Z

1

document.getElementById('VideoElement').src = 'myNewSrc.ogv'

Similarly, for other attributes. This solution does not require jQuery

answered Nov 17, 2011 at 16:42

Ayush

42.5k52 gold badges170 silver badges243 bronze badges

Collectives™ on Stack Overflow

How do I change the attribute values of an element using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related