HTML DOM Link media属性用法及代码示例

HTML DOM 链接媒体属性用于设置或返回 <link> 元素的媒体属性值。 media 属性用于指定优化目标资源的媒体设备类型。

用法:

它用于返回媒体属性。
```
linkObject.media; 
```
它用于设置媒体属性。
```
linkObject.media="values" 
```

属性值：

all:适用于所有设备
aural:语音合成器
braille:盲文反馈装置
handheld:手持设备(小屏幕，有限带宽)
projection:投影仪
print:打印预览模式/打印页面
screen:电脑屏幕
tty:使用固定间距字符网格的电传打字机和类似媒体
tv:低分辨率或有限滚动能力类型的设备，如电视。

返回值：它返回一个字符串值，表示媒体类型以逗号分隔的列表。

例：下面的 HTML 代码说明了如何返回链接媒体属性。

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() {
              
            // Access link element.
            var newVar = document
                .getElementById("linkid").media;
  
            document.getElementById(
                "pid").innerHTML = newVar;
        }
    </script>
</body>
  
</html>

输出：

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera
苹果Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Link media Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。