Modifying DOM element attributes with JavaScript

Question

How can I modify the poster attribute of a video element with JavaScript?

<video id="vid" poster="AB.png">

Sébastien · Accepted Answer · 2017-12-22 20:27:03Z

2

Sure it is:

document.getElementById("vid").setAttribute("poster","newValue");

With jQuery that would be:

jQuery("#vid").attr("poster","newValue");

And it is also a DOM property/id attribute:

document.getElementById("vid").poster = "newValue";

With jQuery that would be:

jQuery("#vid").prop("poster","newValue");

answered Nov 10, 2013 at 21:33

Sébastien

12.1k12 gold badges60 silver badges83 bronze badges

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

Comments

Sean Fraser · Accepted Answer · 2013-11-10 21:35:30Z

1

Yes, poster is an attribute like any other.

In straight JS

document.getElementById("vid").setAttribute("poster","foo");

With jQuery

$('#vid').attr('poster','foo');

answered Nov 10, 2013 at 21:35

Sean Fraser

3623 silver badges14 bronze badges