第1章 第881节 dom link media

推荐给朋友

Link media 属性

media 属性设置或返回显示文档的设备。

对于样式信息而言,目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。

语法

设置 media 属性:

linkObject.media="device"

返回 media 属性:

linkObject.media

device 可以是以下值:

描述
screen 针对不分页的计算机屏幕。
tty 针对使用等宽字符网格的媒介(比如打字机、终端或其他具有有限显示能力的设备)。
tv 针对 TV 类型的设备。
projection 针对投影机。
handheld 针对手持设备。
print 针对打印预览模式的页面和文档。
braille 针对盲人用点字法触觉反馈装置。
aural 针对语音合成。
all 针对所有设备或装置。

浏览器支持

所有主要浏览器都支持 media 属性。

在线实例

实例

下面的例子获得使用 link 元素的媒介类型:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程(nowcoder.com)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css">
<script>
function displayResult(){
    var x=document.getElementById("link1").media;
    alert(x);
}
</script>
</head>
<body>

<button type="button" onclick="displayResult()">显示链接元素的媒介类型</button>

</body>
</html>

尝试一下