SYNCER

SYNCER

HTMLOutputElement - HTMLのoutput要素

公開日:

HTMLOutputElementは、HTMLのoutput要素が実装するインターフェイスです。

概要

名前
HTMLOutputElement
継承
  1. EventTarget
  2. Node
  3. Element
  4. HTMLElement
  5. HTMLOutputElement
実装
実装するインターフェイスはありません。
IDL
[HTMLConstructor]
interface HTMLOutputElement : HTMLElement {
  [CEReactions, SameObject, PutForwards=value] readonly attribute DOMTokenList htmlFor;
  readonly attribute HTMLFormElement? form;
  [CEReactions] attribute DOMString name;

  readonly attribute DOMString type;
  [CEReactions] attribute DOMString defaultValue;
  [CEReactions] attribute DOMString value;

  readonly attribute boolean willValidate;
  readonly attribute ValidityState validity;
  readonly attribute DOMString validationMessage;
  boolean checkValidity();
  boolean reportValidity();
  void setCustomValidity(DOMString error);

  [SameObject] readonly attribute NodeList labels;
};
仕様書
https://html.spec.whatwg.org/multipage/forms.html#htmloutputelement

説明

HTMLOutputElementを作成する例です。

JavaScript

// 要素を作成する
var element = document.createElement( "output" ) ;	// <output></output>

// 属性をセットする
element.name = "hoge" ;	// →<output name="hoge"></output>

// 内容をセットする
element.value = "SYNCER" ;	// →<output name="hoge">SYNCER</output>

プロパティ

NodeElementHTMLElementのプロパティを利用できます。

HTMLOutputElement.defaultValue

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

フォームのリセットを実行した時にセットされる初期値を返します。

HTMLOutputElement.form

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

この要素が関連付けられているform要素を返します。

HTMLOutputElement.htmlFor

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
15+
iOS
Android
4.0+

for属性を反映します。

HTMLOutputElement.labels

Chrome
Firefox
×
Edge
×
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

関連付けられている全てのlabel要素を、NodeListで返します。

HTMLOutputElement.name

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

name属性を反映します。

HTMLOutputElement.type

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
15+
iOS
Android
4.0+

"output"を返します。

HTMLOutputElement.validationMessage

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

入力内容の検証エラーメッセージを文字列で返します。

HTMLOutputElement.validity

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

入力内容の検証結果の情報を表すValidityStateを返します。

HTMLOutputElement.value

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

内容を反映します。Node.textContentと同じです。

HTMLOutputElement.willValidate

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

要素が、検証候補の場合はtrue、検証候補じゃない場合はfalseを返します。

メソッド

EventTargetNodeElementHTMLElementのメソッドを利用できます。

HTMLOutputElement.checkValidity()

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

入力内容を検証し、検証エラーがある場合にinvalidイベントを発生させます。

HTMLOutputElement.reportValidity()

Chrome
40+
Firefox
49+
Edge
14+
IE
×
Safari
×
Opera
27+
iOS
×
Android
×

入力内容を検証し、検証エラーがある場合にinvalidイベントを発生させ、さらに、検証エラーメッセージを表示します。

HTMLOutputElement.setCustomValidity()

Chrome
Firefox
Edge
14+
IE
×
Safari
5.1+
Opera
iOS
Android
4.0+

カスタム検証エラー状態にします。または、カスタム検証エラー状態を解除します。

定数

Nodeの定数を利用できます。

サポート状況

HTMLOutputElementのサポート状況です。

ブラウザサポート状況ブラウザサポート状況
ChromeSupportedFirefoxSupported
EdgeSupported 14+Internet ExplorerNot Supported
SafariSupported 5.1+OperaSupported
iOS SafariSupportedAndroidSupported 4.0+

Chrome

バージョンサポート状況公開時期シェア
57Supported2017年3月頃0.1%
56Supported2017年1月頃12.02%
55Supported2016年12月頃12.36%
54Supported2016年10月頃0.44%
53Supported2016年9月頃0.25%
52Supported2016年7月頃0.27%
51Supported2016年6月頃0.4%
50Supported2016年4月頃0.32%
49Supported2016年3月頃0.47%
48Supported2016年1月頃0.02%
47Supported2015年12月頃0.06%
46Supported2015年10月頃0.56%
45Supported2015年9月頃0.01%
44Supported2015年7月頃0.83%
43Supported2015年5月頃0.05%
42Supported2015年4月頃0.05%
41Supported2015年3月頃0.01%
40Supported2015年1月頃0.59%
39Supported2014年11月頃0.02%
38Supported2014年10月頃0.08%
37Supported2014年8月頃0.01%
36Supported2014年7月頃0.01%
35Supported2014年5月頃0.01%
34Supported2014年4月頃0.14%
33Supported2014年2月頃0.01%
32Supported2014年1月頃0%
31Supported2013年11月頃0.01%
30Supported2013年10月頃0.03%
29Supported2013年8月頃0%
28Supported2013年6月頃0.03%
27Supported2013年5月頃0.01%
26Supported2013年3月頃0%
25Supported2013年2月頃0%
24Supported2013年1月頃0%
23Supported2012年11月頃0%
22Supported2012年9月頃0%
21Supported2012年7月頃0%
20Supported2012年6月頃0%
19Supported2012年5月頃0%
18Supported2012年3月頃0.01%
17Supported2012年2月頃0.01%
16Supported2011年12月頃0%
15Supported2011年10月頃0%
14Supported2011年9月頃0%

Firefox

バージョンサポート状況公開時期シェア
52Supported2017年3月頃0.12%
51Supported2017年1月頃1.7%
50Supported2016年11月頃0.78%
49Supported2016年9月頃0.02%
48Supported2016年8月頃0.07%
47Supported2016年6月頃0.03%
46Supported2016年4月頃0.01%
45Supported2016年3月頃0.1%
44Supported2016年1月頃0.01%
43Supported2015年12月頃0.02%
42Supported2015年11月頃0.01%
41Supported2015年9月頃0%
40Supported2015年8月頃0.02%
39Supported2015年7月頃0.01%
38Supported2015年5月頃0.02%
37Supported2015年3月頃0%
36Supported2015年2月頃0.01%
35Supported2015年1月頃0%
34Supported2014年12月頃0.01%
33Supported2014年10月頃0%
32Supported2014年9月頃0%
31Supported2014年7月頃0.01%
30Supported2014年6月頃0%
29Supported2014年4月頃0%
28Supported2014年3月頃0.01%
27Supported2014年2月頃0%
26Supported2013年12月頃0%
25Supported2013年10月頃0%
24Supported2013年9月頃0%
23Supported2013年8月頃0%
22Supported2013年6月頃0%
21Supported2013年5月頃0%
20Supported2013年4月頃0%
19Supported2013年2月頃0%
18Supported2013年1月頃0%
17Supported2012年11月頃0%
16Supported2012年10月頃0%
15Supported2012年8月頃0%
14Supported2012年7月頃0%
13Supported2012年6月頃0%
12Supported2012年4月頃0%
11Supported2012年3月頃0%
10Supported2012年1月頃0%
9Supported2011年12月頃0%
8Supported2011年11月頃0%
7Supported2011年9月頃0%
6Supported2011年8月頃0%
5Supported2011年6月頃0%
4Supported2011年3月頃0%

Edge

バージョンサポート状況公開時期シェア
14Supported2016年2月頃1.05%
13Not Supported2015年9月頃0.08%

Internet Explorer

バージョンサポート状況公開時期シェア
11Not Supported2013年10月頃4.99%
10Not Supported2012年8月頃0.09%
9Not Supported2011年3月頃0.18%
8Not Supported2009年3月頃0.04%
7Not Supported2006年10月頃0.01%
6Not Supported2001年8月頃0%

Safari

バージョンサポート状況公開時期シェア
10Supported2016年10月頃0%
9.1Supported2015年9月頃0%
8.0Supported2014年10月頃0%
7.1Supported2013年10月頃0%
6.0Supported2012年7月頃0%
5.1Supported2011年7月頃0%
4Not Supported2009年6月頃0%

Opera

バージョンサポート状況公開時期シェア
43Supported2017年2月頃0.06%
42Supported2016年12月頃0.09%
41Supported2016年10月頃0.01%
40Supported2016年9月頃0%
39Supported2016年8月頃0%
38Supported2016年6月頃0%
37Supported2016年5月頃0.01%
36Supported2016年3月頃0.01%
35Supported2016年2月頃0%
34Supported2015年12月頃0%
33Supported2015年10月頃0%
32Supported2015年9月頃0%
31Supported2015年8月頃0%
30Supported2015年6月頃0%
29Supported2015年4月頃0%
28Supported2015年3月頃0%
27Supported2015年1月頃0%
26Supported2014年12月頃0%
25Supported2014年10月頃0%
24Supported2014年9月頃0%
23Supported2014年7月頃0%
22Supported2014年6月頃0%
21Supported2014年5月頃0.01%
20Supported2014年3月頃0%
19Supported2014年1月頃0%
18Supported2013年11月頃0%
17Supported2013年10月頃0%
16Supported2013年8月頃0%
15Supported2013年7月頃0%
12Supported2012年6月頃0.02%
11.6Supported2011年12月頃0%
11.1Supported2011年4月頃0%

iOS Safari

バージョンサポート状況公開時期シェア
10.0Supported2016年9月頃39.65%
9.1Supported2015年9月頃5.39%
8.3Supported2014年9月頃1.03%
7.0Supported2013年9月頃0.24%
6.0Supported2012年9月頃0.05%
5.1Supported2011年10月頃0.03%

Android

バージョンサポート状況公開時期シェア
4.4Supported2013年10月頃0%
4.3Supported2013年7月頃0%
4.2Supported2013年3月頃0.03%
4.1Supported2012年12月頃0%
4.0Supported2012年6月頃1.61%
2.3Not Supported2011年10月頃0%