Latest web development tutorials
 

HTML DOM Source Object


Source Object

The Source Object is new in HTML5.

The Source object represents an HTML <source> element.

Access a Source Object

You can access a <source> element by using getElementById():

Example

var x = document.getElementById("mySource");
Try it Yourself »

Create a Source Object

You can create a <source> element by using the document.createElement() method:

Example

var x = document.createElement("SOURCE");
Try it Yourself »

Source Object Properties

Property Description
media Sets or returns the value of the media attribute in a <source> element
src Sets or returns the value of the src attribute in a <source> element
type Sets or returns the value of the type attribute in a <source> element

Standard Properties and Events

The Source object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML5 Video

HTML tutorial: HTML5 Audio

HTML reference: HTML <source> tag