recursal/MDN huggingface dataset:
MediaTrackSupportedConstraints.echoCancellation
===============================================

`MediaTrackSupportedConstraints` 辞書の **`echoCancellation`** プロパティは読み取り専用の論理値で、 `MediaDevices.getSupportedConstraints()` が返すオブジェクトに存在（`true` に設定）するならば、ユーザーエージェントが `echoCancellation` 制約に対応しています。制約に対応していない場合、リストには含まれなくなりますので、この値が `false` になることはありません。

対応している制約の辞書は `navigator.mediaDevices.getSupportedConstraints()` を呼び出すことで取得できます。

### 値

ユーザーエージェントが `echoCancellation` 制約に対応している場合、このプロパティが辞書に現れます（値は常に `true`です）。このプロパティがない場合は、対応している制約の辞書から欠落しており、その値を見ようとすると `undefined` が返されます。

例
-
```

<div id="result"></div>
```


```
#result {
  font:
    14px "Arial",
    sans-serif;
}
```



```js
let result = document.getElementById("result");

if (navigator.mediaDevices.getSupportedConstraints().echoCancellation) {
  result.textContent = "Supported!";
} else {
  result.textContent = "Not supported!";
}
```

### 結果

仕様書
---

| Specification |
| --- |
| Media Capture and Streams # dom-mediatracksupportedconstraints-echocancellation |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* メディアキャプチャとストリーム API
* `MediaDevices.getSupportedConstraints()`
* `MediaTrackSupportedConstraints`
* `MediaStreamTrack`
MediaTrackSupportedConstraints.width
====================================

`MediaTrackSupportedConstraints` 辞書の **`width`** プロパティは読み取り専用の論理値で、 `MediaDevices.getSupportedConstraints()` が返すオブジェクトに存在（`true` に設定）するならば、ユーザーエージェントが `width` 制約に対応しています。制約に対応していない場合、リストには含まれなくなりますので、この値が `false` になることはありません。

対応している制約の辞書は `navigator.mediaDevices.getSupportedConstraints()` を呼び出すことで取得できます。

構文
--


```js
widthConstraintSupported = supportedConstraintsDictionary.width;
```

### 値

ユーザーエージェントが `width` 制約に対応している場合、このプロパティが辞書に現れます（値は常に `true`です）。このプロパティがない場合は、対応している制約の辞書から欠落しており、その値を見ようとすると `undefined` が返されます。

例
-
```

<div id="result"></div>
```


```
#result {
  font:
    14px "Arial",
    sans-serif;
}
```



```js
let result = document.getElementById("result");

if (navigator.mediaDevices.getSupportedConstraints().width) {
  result.textContent = "Supported!";
} else {
  result.textContent = "Not supported!";
}
```

### 結果

仕様書
---

| Specification |
| --- |
| Media Capture and Streams # dom-mediatracksupportedconstraints-width |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* メディアキャプチャとストリーム API
* `MediaDevices.getSupportedConstraints()`
* `MediaTrackSupportedConstraints`
* `MediaStreamTrack`
GamepadPose.hasOrientation
==========================

**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

`GamepadPose` (en-US) インターフェイスの **`hasOrientation`** 読み取り専用プロパティは、 `Gamepad` が方向情報を返すことができるかどうかを示す `Boolean` を返します。

構文
--


```js
var hasItGotOrientation = gamepadPoseInstance.hasOrientation;
```

### 値

`Boolean` 。

例
-

TBD

仕様書
---

| Specification |
| --- |
| Gamepad Extensions # dom-gamepadpose-hasorientation |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* WebVR API
* Gamepad API
HTMLIFrameElement: referrerPolicy プロパティ
=======================================

**`HTMLIFrameElement.referrerPolicy`** プロパティは HTML の
 `<iframe>` 要素の `referrerpolicy` 属性を反映し、リソースの取得時にどのリファラーを送信するかを定義します。

値
-

* `no-referrer`
    + : `Referer` ヘッダーは完全に省略されます。リクエストと共に送信されるリファラー情報はありません。
* `no-referrer-when-downgrade`
    + : プロトコルのセキュリティレベルが変わらない場合（例: HTTP→HTTP、HTTPS→HTTPS）にはリファラーとして URL を送信し、セキュリティレベルの低い宛先（例: HTTPS→HTTP）には送信しません。
* `origin`
    + : どのような場合でも、この文書のオリジンだけをリファラーとして送信します。
     文書 `https://example.com/page.html` はリファラーとして `https://example.com/` を送ります。
* `origin-when-cross-origin`
    + : 同一オリジンリクエストを行う場合は完全な URL を送信し、それ以外の場合は文書のオリジンのみを送信します。
* `same-origin`
    + : リファラーは同一サイトオリジンには送信されますが、オリジン間リクエストではリファラー情報が送信されません。
* `strict-origin`
    + : プロトコルのセキュリティレベルが変わらない場合（例: HTTPS→HTTPS）だけ、文書のオリジンをリファラーとして送信し、セキュリティレベルの低い宛先（例: HTTPS→HTTP）には送信しないようにします。
* `strict-origin-when-cross-origin` (default)
    + : これは、ポリシーが指定されていない場合のユーザーエージェントの既定の動作です。同一オリジンリクエストを行う場合は完全な URL を送信し、プロトコルのセキュリティレベルが変わらない場合はオリジンのみを送信し（例: HTTPS→HTTPS）、セキュリティレベルの低い宛先にはヘッダーを送信しません（例: HTTPS→HTTP）。
* `unsafe-url`
    + : 同一オリジンまたはオリジン間リクエストを実行するときに、完全な URL を送信します。

**メモ:** このポリシーは、 TLS で保護されたリソースから安全でないオリジンへのオリジンとパスを漏洩します
 この設定の影響を慎重に検討してください。
例
-


```js
const iframe = document.createElement("iframe");
iframe.src = "/";
iframe.referrerPolicy = "unsafe-url";
const body = document.querySelector("body");
body.appendChild(iframe); // 完全な URL をリファラーとして使用して画像を取得
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-iframe-referrerpolicy |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `HTMLAnchorElement.referrerPolicy`,
 `HTMLAreaElement.referrerPolicy`,
 `HTMLAreaElement.referrerPolicy`
HTMLIFrameElement: contentWindow プロパティ
======================================

**`contentWindow`** プロパティは、HTMLIFrameElement が所属する Window オブジェクトを返します。この `Window` オブジェクトを使用して、iframe の文書や内部 DOM にアクセスすることができます。この属性は読み取り専用ですが、グローバルの `Window` オブジェクトのように操作することができます。

値
-

Window オブジェクト。

例
-


```js
const x = document.querySelector("iframe").contentWindow;
//x = window.frames[0];

x.document.querySelector("body").style.backgroundColor = "blue";
// 文書内の最初の iframe が青くなる
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-iframe-contentwindow |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLIFrameElement: srcdoc プロパティ
===============================

**`srcdoc`** は `HTMLIFrameElement` インターフェイスのプロパティで、このページの内容を指定します。

例
-


```js
const iframe = document.createElement("iframe");
iframe.srcdoc = `<!DOCTYPE html><p>Hello World!</p>`;
document.body.appendChild(iframe);
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-iframe-srcdoc |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLIFrameElement: allowPaymentRequest プロパティ
============================================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**非標準:** この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

**`allowPaymentRequest`** は `HTMLIFrameElement` インターフェイスのプロパティで、決済リクエスト API がクロスオリジンの iframe 内で起動できるかどうかを示す論理値を返します。

値
-

論理値です。

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 決済リクエスト API
HTMLIFrameElement: csp プロパティ
============================

**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

**`csp`** は `HTMLIFrameElement` インターフェイスのプロパティで、埋め込まれる文書が従い支配を受けるコンテンツセキュリティポリシーを返します。

値
-

コンテンツセキュリティポリシーです。

仕様書
---

| Specification |
| --- |
| Content Security Policy: Embedded Enforcement # ref-for-dom-htmliframeelement-csp |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLIFrameElement: credentialless プロパティ
=======================================

**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

**`credentialless`** は `HTMLIFrameElement` インターフェイスのプロパティで、この `<iframe>` が無信頼であるどうか、すなわち内部の文書が新しい、一時的なコンテキストで読み込まれることを意味します。

これらのコンテキストは、そのオリジンに関連付けられたネットワーク、クッキー、ストレージデータにアクセスすることはできません。最上位の文書が変わるごとに新しくなります。つまり、格納されたデータは、ユーザーがページから離れたり、再読み込みしたりすると、アクセスできなくなります。

その代わりに `Cross-Origin-Embedder-Policy` (COEP) の埋め込みルールを解除することができ、COEP を設定した文書でも、そうでないサードパーティの文書を埋め込むことができます。

値
-

論理値です。既定値は `false` です。`<iframe>` を信用させないようにするには `true` に設定してください。

例
-

### 取得

次のようにして視覚情報のない `<iframe>` を指定します。


```html
<iframe
 src="https://en.wikipedia.org/wiki/Spectre\_(security\_vulnerability)"
 title="Spectre vulnerability Wikipedia page"
 width="960"
 height="600"
 credentialless></iframe>
```


`credentialless` プロパティの値を返します。


```js
const iframeElem = document.querySelector("iframe");
console.log(iframeElem.credentialless); // 対応しているブラウザーでは true が返る
```

### 設定

こちらでは、HTML では詳細を最小限に設定します。


```html
<iframe width="960" height="600"> </iframe>
```


`<iframe>` の中身を読み込む際に、スクリプトから `credentialless` を `true` に設定します。


```js
const iframeElem = document.querySelector("iframe");

iframeElem.credentialless = true;
iframeElem.title = "Spectre vulnerability Wikipedia page";
iframeElem.src =
  "https://en.wikipedia.org/wiki/Spectre\_(security\_vulnerability)";
```

仕様書
---

| Specification |
| --- |
| Iframe credentialless # dom-htmliframeelement-credentialless |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 視覚情報のない iframe
* `<iframe>`
HTMLIFrameElement: contentDocument プロパティ
========================================

iframe とその iframe の親文書が同一オリジンであった場合、`Document`（すなわち、インラインフレーム内の閲覧コンテキスト内にあるアクティブな文書）を返します。そうでなければ `null` を返します。

contentDocument の例
------------------


```js
const iframeDocument = document.querySelector("iframe").contentDocument;

iframeDocument.body.style.backgroundColor = "blue";
// これにより iframe が青くなる
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-iframe-contentdocument |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLIFrameElement: src プロパティ
============================

**`HTMLIFrameElement.src`** プロパティは、この `<iframe>` 要素の HTML の `referrerpolicy` 属性を反映し、リソースを読み取る際にどのリファラーを送信するかを定義します。

構文
--


```js
refStr = iframeElt.src
iframeElt.src= refStr
```

例
-


```js
const iframe = document.createElement("iframe");
iframe.src = "/";
const body = document.querySelector("body");
body.appendChild(iframe); // 完全な URL をリファラーとして使用して画像を読み取り
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-iframe-src |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `HTMLAnchorElement.src`
* `HTMLAreaElement.src`
* `HTMLAreaElement.src`.
HTMLIFrameElement: featurePolicy プロパティ
======================================

**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

**`featurePolicy`** は `HTMLIFrameElement` インターフェイスの読み取り専用プロパティで、特定のフレームに適用される権限ポリシーをイントロスペクトするための単純な API を提供する `FeaturePolicy` (en-US) インターフェイスを返します。

値
-

子のフレームに適用される権限ポリシーを調べるために使用できる `FeaturePolicy` (en-US) オブジェクトです。

仕様書
---

#### No specification found

No specification data found for `api.HTMLIFrameElement.featurePolicy`.  
Check for problems with this page or contribute a missing `spec_url` to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
ClipboardEvent: clipboardData プロパティ
===================================

**`ClipboardEvent.clipboardData`** プロパティは、`DataTransfer` オブジェクトを保持し、次のように使用します。

* クリップボードに置かれるデータを `cut` および `copy` のイベントハンドラーから指定するため。ふつう、`setData(format, data)` の呼び出しで行います。
* 貼り付けられるデータを `paste` イベントハンドラーから取得するため。ふつう、`getData(format)` の呼び出しで行います。

詳しい情報は、`cut`、`copy`、`paste` イベントのドキュメントを参照してください。

値
-

`DataTransfer` オブジェクト。

仕様書
---

| Specification |
| --- |
| Clipboard API and events # clipboardevent-clipboarddata |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* Copy 関連イベント： `copy`, `cut`, `paste`
* 所属先の `ClipboardEvent` インターフェイス
* クリップボード API
ClipboardEvent: ClipboardEvent() コンストラクター
=========================================

**`ClipboardEvent()`** コンストラクターは、新たに生成された `ClipboardEvent` を返します。これは、`cut` や `copy`、`paste` イベントで変更されたクリップボード関連の情報を提供するイベントを表します。

構文
--


```js
new ClipboardEvent(type)
new ClipboardEvent(type, options)
```

### 引数

`type`

文字列で、`ClipboardEvent` の型を表します。これは `copy`, `cut`, `paste` の何れかで、大文字小文字を区別します。

`options` 省略可

`Event()` で定義されるプロパティに加えて、以下のプロパティを持つオブジェクトです。

`clipboardData` 省略可

`DataTransfer` で、このクリックボードイベントに関連付けられたものです。既定値は `null` です。

`dataType` 
Non-standard
 省略可

文字列で、`data` 引数に含まれるデータの MIME タイプを指定します。既定値は `""` です。

`data` 
Non-standard
 省略可

文字列で、このクリップボードイベントに関連付けられたデータです。既定値は `""` です。


### 返値

新しい `ClipboardEvent` オブジェクトです。

仕様書
---

| Specification |
| --- |
| Clipboard API and events # dom-clipboardevent-clipboardevent |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* Copy 関連イベント： `copy`, `cut`, `paste`
* 所属先の `ClipboardEvent` インターフェイス
* クリップボード API
WorkerLocation: search プロパティ
============================

**`search`** は `WorkerLocation` オブジェクトのプロパティで、このワーカーの位置の検索文字列 (`search`) 部分を返します。

値
-

文字列です。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web?t=67 のページにあるウェブワーカーにて
const result = location.search; // Returns:'?t=67'
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-search |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: protocol プロパティ
==============================

**`protocol`** は `WorkerLocation` オブジェクトのプロパティで、このワーカーの位置のプロトコル (`protocol`) 部分を返します。

値
-

文字列です。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web のページにあるウェブワーカーにて
const result = location.protocol; // 'https:' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-protocol |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: toString() メソッド
===============================

**`toString()`** は `WorkerLocation` オブジェクトの文字列化メソッドで、このワーカーの位置のシリアライズされた `URL` の入った文字列を返します。これは `WorkerLocation.href` と同等のものです。

構文
--


```js
toString()
```

### 引数

なし。

### 返値

なし (`undefined`)。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web のページにあるウェブワーカーにて
const result = location.toString(); // 'https://developer.mozilla.org/ja/docs/Web' を返す
```

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: pathname プロパティ
==============================

**`pathname`** は `WorkerLocation` オブジェクトのプロパティで、このワーカーの場所のパス名 (`pathname`) 部分を返します。

値
-

文字列です。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web のページにあるウェブワーカーにて
const result = location.pathname; // '/ja/docs/Web' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-pathname |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: hash プロパティ
==========================

**`hash`** は `WorkerLocation` オブジェクトのプロパティで、ワーカーの位置のハッシュ部分 (`hash`) を返します。

値
-

文字列です。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web/API/WorkerLocation/hash#examples のページにあるウェブワーカーにて
const result = location.hash; // '#examples' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-hash |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: href プロパティ
==========================

**`href`** は `WorkerLocation` オブジェクトのプロパティで、ワーカーの位置のシリアライズされた `URL` の入った文字列を返します。

値
-

文字列です。

例
-


```js
// https://developer.mozilla.org/ja/docs/Web のページにあるウェブワーカーにて
const result = location.href; // 'https://developer.mozilla.org/ja/docs/Web' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-href |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: origin プロパティ
============================

**`origin`** は `WorkerLocation` オブジェクトのプロパティで、このワーカーのオリジン (`origin`) を返します。

値
-

文字列です。

例
-


```js
// On this page, returns the origin
const result = self.location.origin; // 'https://developer.mozilla.org:443' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-origin |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: port プロパティ
==========================

**`port`** は `WorkerLocation` オブジェクトのプロパティで、このワーカーの位置のポート番号 (`port`) 部分を返します。

値
-

文字列です。

例
-


```js
// http://localhost:8080/ のページにあるウェブワーカーにて
const result = location.port; // '8080' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-port |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: hostname プロパティ
==============================

**`hostname`** は `WorkerLocation` オブジェクトのプロパティで、ワーカーの位置のホスト名 (`hostname`) の部分を返します。

値
-

文字列です。

例
-


```js
// http://localhost:8080/ のページにあるウェブワーカーにて
const result = location.hostname; // 'localhost' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-hostname |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
WorkerLocation: host プロパティ
==========================

**`host`** は `WorkerLocation` オブジェクトのプロパティで、ワーカーの位置のホスト部分 (`host`) を返します。

値
-

文字列です。

例
-


```js
// http://localhost:8080/ のページにあるウェブワーカーにて
const result = location.host; // 'localhost:8080' を返す
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-workerlocation-host |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `WorkerLocation`
HTMLButtonElement: labels プロパティ
===============================

**`HTMLButtonElement.labels`** は読み取り専用プロパティで、この
 `<button>` 要素に関連付けられた `<label>` 要素を `NodeList` で返します。

値
-

`NodeList` で、この `<button>` 要素に関連付けられた `<label>` 要素を返します。

例
-

### HTML


```html
<label id="label1" for="test">Label 1</label>
<button id="test">Button</button>
<label id="label2" for="test">Label 2</label>
```

### JavaScript


```js
window.addEventListener("DOMContentLoaded", () => {
  const button = document.getElementById("test");
  for (const label of button.labels) {
    console.log(label.textContent); // "Label 1" and "Label 2"
  }
});
```

### 結果

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-lfe-labels-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLButtonElement: popoverTargetElement プロパティ
=============================================

Limited availability
--------------------

This feature is not Baseline because it does not work in some of the most widely-used browsers.

* Learn more
* See full compatibility
* Report feedback
**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

**`popoverTargetElement`** は `HTMLButtonElement` インターフェイスのプロパティで、制御ボタンで制御されるポップオーバー要素を取得および設定します。

これは JavaScript において HTML の `popovertarget` 属性に相当するものです。

値
-

DOM 内でのポップオーバー要素への参照です。

例
-


```js
function supportsPopover() {
  return HTMLElement.prototype.hasOwnProperty("popover");
}

const popover = document.getElementById("mypopover");
const toggleBtn = document.getElementById("toggleBtn");

const popoverSupported = supportsPopover();

if (popoverSupported) {
  popover.popover = "auto";
  toggleBtn.popoverTargetElement = popover;
  toggleBtn.popoverTargetAction = "toggle";
} else {
  console.log("Popover API not supported.");
}
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-popovertargetelement |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ポップオーバー API
HTMLButtonElement: popoverTargetAction プロパティ
============================================

Limited availability
--------------------

This feature is not Baseline because it does not work in some of the most widely-used browsers.

* Learn more
* See full compatibility
* Report feedback
**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

**`popoverTargetAction`** は `HTMLButtonElement` インターフェイスのプロパティで、この制御ボタンで制御されるポップオーバー要素で実行されるアクション（`"hide"`、`"show"`、`"toggle"` の何れか）を取得および設定します。

これは HTML の `popovertargetaction` 属性の値を反映します。

値
-

列挙値です。取りうる値は次の通りです。

`"hide"`

このボタンは表示中のポップオーバーを非表示にします。すでに非表示のポップオーバーを非表示にしようとした場合は、何も行われません。

`"show"`

このボタンは非表示のポップオーバーを表示します。すでに表示中のポップオーバーを表示させようとした場合は、何も行われません。

`"toggle"`

このボタンはポップオーバーを表示と非表示の間でトグル切り替えします。ポップオーバーが非表示の場合は、表示されます。ポップオーバーが表示中の場合は、非表示になります。`popoverTargetAction` が設定されていない場合、`"toggle"` がこの制御ボタンで行われる既定のアクションになります。

例
-


```js
function supportsPopover() {
  return HTMLElement.prototype.hasOwnProperty("popover");
}

const popover = document.getElementById("mypopover");
const toggleBtn = document.getElementById("toggleBtn");

const popoverSupported = supportsPopover();

if (popoverSupported) {
  popover.popover = "auto";
  toggleBtn.popoverTargetElement = popover;
  toggleBtn.popoverTargetAction = "toggle";
} else {
  console.log("Popover API not supported.");
}
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-popovertargetaction |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ポップオーバー API
HTMLButtonElement: disabled プロパティ
=================================

**`HTMLButtonElement.disabled`** プロパティはこのコントロールが無効であるかどうか、すなわちクリックを受け付けない状態であるかどうかを示します。

値
-

論理値です。

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-fe-disabled |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextEncoder: encoding プロパティ
===========================

**`TextEncoder.encoding`** は読み取り専用プロパティで、特定のエンコーダーで使用されるエンコーディングアルゴリズムの名前が入った文字列を返します。

持つことができる値は `utf-8` のみです。

値
-

文字列です。

仕様書
---

| Specification |
| --- |
| Encoding Standard # dom-textencoder-encoding |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `TextEncoder` インターフェイス
TextEncoder: TextEncoder() コンストラクター
===================================

**`TextEncoder()`** コンストラクターは、新しく生成された `TextEncoder` オブジェクトを返します。これは UTF-8 エンコーディングのバイトストリームを生成します。

構文
--


```js
new TextEncoder()
```

### 引数

なし。

仕様書
---

| Specification |
| --- |
| Encoding Standard # ref-for-dom-textencoder① |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `TextEncoder` インターフェイス
TextEncoder: encode() メソッド
==========================

**`TextEncoder.encode()`** メソッドは入力として文字列を取り、 `Uint8Array` に引数で与えられたテキストが `TextEncoder` オブジェクトで指定された方法でエンコードされたものが入ったものを返します。

構文
--


```js
encode(string)
```

### 引数

`string`

エンコードするテキストが入った文字列です。

### 返値

`Uint8Array` オブジェクトです。

例
-


```html
<p class="source">This is a sample paragraph.</p>
<p class="result">Encoded result:</p>
```



```js
const sourcePara = document.querySelector(".source");
const resultPara = document.querySelector(".result");
const string = sourcePara.textContent;

const textEncoder = new TextEncoder();

let encoded = textEncoder.encode(string);
resultPara.textContent += encoded;
```

仕様書
---

| Specification |
| --- |
| Encoding Standard # ref-for-dom-textencoder-encode① |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `TextEncoder` インターフェイス。