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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。