HTMLSourceElement

在此页

特性
方法
规范
浏览器兼容性
另请参阅
相关话题

HTMLSourceElement interface provides special properties (beyond the regular HTMLElement object interface it also has available to it by inheritance) for manipulating <source> 元素。

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="../API/EventTarget.html" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25  236,20  236,30  226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25  351,20  351,30  341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25  501,20  501,30  491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="../API/HTMLSourceElement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="406" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLSourceElement</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

特性

继承的特性来自其父级， HTMLElement .

HTMLSourceElement.media: 是 DOMString 反射 media HTML attribute, containing the intended type of the media resource.
HTMLSourceElement.sizes: 是 DOMString representing image sizes between breakpoints
HTMLSourceElement.src: 是 DOMString 反射 src HTML attribute, containing the URL for the media resource. The HTMLSourceElement.src property has a meaning only when the associated <source> element is nested in a media element that is a <video> 或 <audio> element. It has no meaning and is ignored when it is nested in a <picture> 元素。注意 : If the src property is updated (along with any siblings), the parent HTMLMediaElement 's load method should be called when done, since <source> elements are not re-scanned automatically.
HTMLSourceElement.srcset: 是 DOMString 反射 srcset HTML attribute, containing a list of candidate images, separated by a comma ( ',', U+002C COMMA ). A candidate image is a URL followed by a 'w' with the width of the images, or an 'x' followed by the pixel density.
HTMLSourceElement.type: 是 DOMString 反射 type HTML attribute, containing the type of the media resource.

方法

No specific method; inherits methods from its parent, HTMLElement .

规范

规范	状态	注释
HTML 实时标准 The definition of 'HTMLSourceElement' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`HTMLSourceElement`	Chrome Yes	Edge 12	Firefox 3.5	IE 9	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes
`keySystem` 弃用非标	Chrome Yes	Edge ≤18	Firefox Yes	IE ?	Opera ?	Safari ?	WebView Android Yes	Chrome Android Yes	Firefox Android Yes	Opera Android ?	Safari iOS ?	Samsung Internet Android Yes
`media`	Chrome Yes	Edge 12	Firefox 3.5	IE 9	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes
`sizes`	Chrome Yes	Edge 13	Firefox 38 38 Disabled ). To change preferences in Firefox, visit	IE ?	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 38 38 Disabled ). To change preferences in Firefox, visit	Opera Android ?	Safari iOS ?	Samsung Internet Android Yes
`src`	Chrome Yes	Edge 12	Firefox 3.5	IE 9	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes
`srcset`	Chrome Yes	Edge 13	Firefox 38 38 Disabled ). To change preferences in Firefox, visit	IE ?	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 38 38 Disabled ). To change preferences in Firefox, visit	Opera Android ?	Safari iOS ?	Samsung Internet Android Yes
`type`	Chrome Yes	Edge 12	Firefox 3.5	IE 9	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes

图例

完整支持
兼容性未知 ?
实验。期望将来行为有所改变。
非标。预期跨浏览器支持较差。
弃用。不要用于新网站。
用户必须明确启用此特征。

另请参阅

The HTML element implementing this interface: <source> .
The HTML DOM APIs of the elements that can contain a <source> 元素： HTMLVideoElement , HTMLAudioElement , HTMLPictureElement .

元数据

最后修改： Jan 29, 2020

在此页

特性

方法

规范

浏览器兼容性

图例

另请参阅

相关话题