Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

HTML DOM Source Object

❮ Previous Next Reference ❯

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

❮ Previous Next Reference ❯