HTML DOM Link media Property

HTML DOM Link media Property

Last Updated : 22 Aug, 2022

The HTML DOM link media property is used to set or return the value of the media attribute of an <link> element. The media attribute is used to specify what type of media devices the target resource is optimized.

Syntax:

It is used to return the media property.

linkObject.media;

It is used to set the media property.

linkObject.media="values"

Property values:

all: Suitable for all devices
aural: Speech synthesizers
braille: Braille feedback devices
handheld: Handheld devices (small screen, limited bandwidth)
projection: Projectors
print: Print preview mode/printed pages
screen: Computer screens
tty: Teletypes and similar media using a fixed-pitch character grid
tv: Low resolution or limited scroll ability type devices like Television.

Return Value: It returns a String value which represents media types comma-separated list.

Example: Below HTML code illustrates, how to return the link media property.

HTML

<!DOCTYPE html>
<html>
<head>
    <link id="linkid" rel="stylesheet" 
        type="text/css" href="" media="screen">
</head>

<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <h2>DOM Link media Property</h2>
    <button onclick="btnclick()">Return</button>
    <p id="pid" style="font-size:25px;color:green;">
    </p>

    <script>
        function btnclick() {
            
            // return Link media Property
            var newVar = document
                .getElementById("linkid").media;

            document.getElementById(
                "pid").innerHTML = newVar;
        }
    </script>
</body>
</html>

Output:

Supported Browsers:

Google Chrome 1
Edge 12
Internet Explorer 6
Firefox 1
Opera 12.1
Apple Safari 4

HTML DOM Link media Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Link rel Property

The HTML | DOM Link rel Property in HTML DOM is used to set or return the value of the rel attribute of a linked document. The rel attribute is used to specify the relation between the current document and the linked document. Syntax: It returns the rel property.linkObject.relIt is used to set the r

HTML | DOM Link type Property

The DOM Link type Property is used to set or return the content type or MIME type of the linked Document. For eg. text/css", "text/javascript", "image/gif", etc. Syntax: It returns the type property.linkObject.typeIt is used to set the type property.linkObject.type = MIME-type Property Values: It co

HTML | DOM Link href Property

The HTML | DOM Link href Property is used to set or return the URL of a Linked Document. Syntax: It return the href property.linkObject.hrefIt is used to Set the href property.linkObject.href = URL Property Values: It contains the value i.e URL which specify the URL of the link. absolute URL: It poi

HTML DOM Source media Property

The HTML DOM Source media Property is used to set or return the value of the media attribute of the <source> element. The <source> media attribute is used to accept any valid media query that would normally be defined in a CSS. This attribute can accept several values. Syntax: It is used

HTML | DOM Video mediaGroup Property

The Video mediaGroup property is used for setting or returning the name of the media group the video is a part of. Two or more <video> elements can be synchronized together using a media group. The Video mediaGroup property returns a string which represents the media group of the video. Syntax

HTML DOM Audio mediaGroup Property

The Audio mediaGroup property is used for setting or returning the name of the media group the audio is a part of. Two or more <audio> elements can be synchronized together using a media group. Syntax: Return the mediaGroup property:audioObject.mediaGroupSet the mediaGroup property:audioObject

HTML | DOM Link Object

HTML DOM Link Object is used to access HTML <link> element.Syntax: To Access a HTML element: document.getElementById("myLink"); To Create a New HTML element: document.createElement("LINK"); Property Values: ValueDescriptioncharsetIt assigns the character encoding of the linked documentcrossOri

HTML | DOM Object type Property

The HTML | DOM Object type Property is used to set or return the value of a type attribute of a <object> element. The type attribute is used to specify the Internet type of MIME type of the Object. Syntax: It returns the type property.objObject.typeIt is used to set the type property.objObject

HTML | DOM Video poster Property

The Video poster property is used for setting or returning the value of the poster attribute of a video. The poster attribute is specifically used to display an image while the video is being downloaded, or until the play button is hit by the user. The first frame of the video is displayed if the po

HTML | DOM Video src Property

The Video src property is used for setting or returning the value of the src attribute of a video. The src attribute is generally used to specify the location (URL) of the video file. Syntax: Return the src property:videoObject.srcSet the src property:videoObject.src = URL Property Values: URL: It i