就业培训     下载中心     Wiki     联络
登录   注册
  1. 首页
  2. Web API
  3. HTMLOutputElement

在此页

HTMLOutputElement interface provides properties and methods (beyond those inherited from HTMLElement ) for manipulating the layout and presentation of <output> 元素。 

  <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/HTMLOutputElement" 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">HTMLOutputElement</text></a></svg></div>
					
  a:hover text { fill: #0095DD; pointer-events: all;}

特性

This interface also inherits properties from its parent, HTMLElement .

HTMLOutputElement.defaultValue
DOMString representing the default value of the element, initially the empty string.
HTMLOutputElement.form 只读
HTMLFormElement indicating the form associated with the control, reflecting the form HTML attribute if it is defined.
HTMLOutputElement.htmlFor 只读
DOMTokenList 反射 for HTML attribute, containing a list of IDs of other elements in the same document that contribute to (or otherwise affect) the calculated value .
HTMLOutputElement.labels 只读
NodeList of <label> elements associated with the element.
HTMLOutputElement.name
DOMString 反射 名称 HTML attribute, containing the name for the control that is submitted with form data.
HTMLOutputElement.type 只读
DOMString " output ".
HTMLOutputElement.validationMessage 只读
DOMString representing a localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation ( willValidate is false ), or it satisfies its constraints.
HTMLOutputElement.validity 只读
ValidityState representing the validity states that this element is in.
HTMLOutputElement.value
DOMString representing the value of the contents of the elements. Behaves like the Node.textContent 特性。
HTMLOutputElement.willValidate 只读
布尔 indicating whether the element is a candidate for constraint validation.

方法

This interface also inherits methods from its parent, HTMLElement .

HTMLOutputElement.checkValidity()
Checks the validity of the element and returns a 布尔 holding the check result.
HTMLOutputElement.reportValidity()
This method reports the problems with the constraints on the element, if any, to the user. If there are problems, fires an 无效 event at the element, and returns false ; if there are no problems, it returns true .

When the problem is reported, the user agent may focus the element and change the scrolling position of the document or perform some other action that brings the element to the user's attention. User agents may report more than one constraint violation if this element suffers from multiple problems at once. If the element is not rendered, then the user agent may report the error for the running script instead of notifying the user.

HTMLOutputElement.setCustomValidity()

Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.

模式

This element behaves in one of two modes: default mode and value 模式。

Default mode

Initially, the element is in default mode, and so the contents of the element represent both the value of the element and its default value.

If the element is in default mode when the descendants of the element are changed in any way, the defaultValue property is set to the value of the textContent 特性。

Resetting the form puts the element into default mode, and sets the textContent property to the value of the defaultValue 特性。

Value mode

The element goes into value mode when the contents of the value property are set. The value property otherwise behaves like the textContent property. When the element is in value mode, the default value is accessible only through the defaultValue 特性。

规范

规范 状态 注释
HTML 实时标准
The definition of 'HTMLOutputElement' in that specification. 		实时标准
HTML 5.1
The definition of 'HTMLOutputElement' in that specification. 		推荐 无变化
HTML5
The definition of 'HTMLOutputElement' 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
HTMLOutputElement Chrome Yes Edge ≤18 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
checkValidity Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
defaultValue Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
form Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
htmlFor Chrome Yes
Yes
Before Chrome 50, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
Edge 14 Firefox 4 IE No Opera Yes
Yes
Before Opera 37, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
Safari 5 WebView Android Yes
Yes
Before Chrome 50, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
Chrome Android Yes
Yes
Before Chrome 50, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
Firefox Android 4 Opera Android Yes
Yes
Before Opera 37, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
Safari iOS No Samsung Internet Android Yes
Yes
Before Samsung Internet 5.0, this property returned the deprecated child DOMSettableTokenList 而不是 DOMTokenList .
labels Chrome Yes Edge 18 Firefox 56 IE No Opera Yes Safari Yes WebView Android Yes Chrome Android Yes Firefox Android 56 Opera Android ? Safari iOS No Samsung Internet Android Yes
名称 Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
reportValidity Chrome 40 Edge 14 Firefox 4 IE No Opera 27 Safari 5 WebView Android 40 Chrome Android 40 Firefox Android 4 Opera Android 27 Safari iOS No Samsung Internet Android 4.0
setCustomValidity Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
type Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
validationMessage Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
validity Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
value Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes
willValidate Chrome Yes Edge 14 Firefox 4 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS No Samsung Internet Android Yes

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

见实现注意事项。

另请参阅

  • The HTML element implementing this interface: <output> .

元数据

  • 最后修改：
  1. HTMLOutputElement
  2. 特性
    1. labels
  3. 继承：
    1. HTMLElement
    2. 元素
    3. 节点
    4. EventTarget
  4. HTML DOM 相关页面
    1. BeforeUnloadEvent
    2. DOMStringMap
    3. ErrorEvent
    4. GlobalEventHandlers
    5. HTMLAnchorElement
    6. HTMLAreaElement
    7. HTMLAudioElement
    8. HTMLBRElement
    9. HTMLBaseElement
    10. HTMLBaseFontElement
    11. HTMLBodyElement
    12. HTMLButtonElement
    13. HTMLCanvasElement
    14. HTMLContentElement
    15. HTMLDListElement
    16. HTMLDataElement
    17. HTMLDataListElement
    18. HTMLDialogElement
    19. HTMLDivElement
    20. HTMLDocument
    21. HTMLElement
    22. HTMLEmbedElement
    23. HTMLFieldSetElement
    24. HTMLFormControlsCollection
    25. HTMLFormElement
    26. HTMLFrameSetElement
    27. HTMLHRElement
    28. HTMLHeadElement
    29. HTMLHeadingElement
    30. HTMLHtmlElement
    31. HTMLIFrameElement
    32. HTMLImageElement
    33. HTMLInputElement
    34. HTMLIsIndexElement
    35. HTMLKeygenElement
    36. HTMLLIElement
    37. HTMLLabelElement
    38. HTMLLegendElement
    39. HTMLLinkElement
    40. HTMLMapElement
    41. HTMLMediaElement
    42. HTMLMetaElement
    43. HTMLMeterElement
    44. HTMLModElement
    45. HTMLOListElement
    46. HTMLObjectElement
    47. HTMLOptGroupElement
    48. HTMLOptionElement
    49. HTMLOptionsCollection
    50. HTMLParagraphElement
    51. HTMLParamElement
    52. HTMLPictureElement
    53. HTMLPreElement
    54. HTMLProgressElement
    55. HTMLQuoteElement
    56. HTMLScriptElement
    57. HTMLSelectElement
    58. HTMLShadowElement
    59. HTMLSourceElement
    60. HTMLSpanElement
    61. HTMLStyleElement
    62. HTMLTableCaptionElement
    63. HTMLTableCellElement
    64. HTMLTableColElement
    65. HTMLTableDataCellElement
    66. HTMLTableElement
    67. HTMLTableHeaderCellElement
    68. HTMLTableRowElement
    69. HTMLTableSectionElement
    70. HTMLTemplateElement
    71. HTMLTextAreaElement
    72. HTMLTimeElement
    73. HTMLTitleElement
    74. HTMLTrackElement
    75. HTMLUListElement
    76. HTMLUnknownElement
    77. HTMLVideoElement
    78. HashChangeEvent
    79. 历史
    80. ImageData
    81. 定位
    82. MessageChannel
    83. MessageEvent
    84. MessagePort
    85. Navigator
    86. NavigatorGeolocation
    87. NavigatorID
    88. NavigatorLanguage
    89. NavigatorOnLine
    90. NavigatorPlugins
    91. PageTransitionEvent
    92. Plugin
    93. PluginArray
    94. PopStateEvent
    95. PortCollection
    96. PromiseRejectionEvent
    97. RadioNodeList
    98. Transferable
    99. ValidityState
    100. Window
    101. WindowBase64
    102. WindowEventHandlers
    103. WindowTimers

版权所有  © 2014-2026 乐数软件    

工业和信息化部： 粤ICP备14079481号-1