Open In App

HTML DOM Link media Property

Improve
Improve
Like Article
Like
Save
Share
Report

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


Last Updated : 22 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads