From 88a9390c44ced2530378178f5faa89c34c076000 Mon Sep 17 00:00:00 2001 From: Domenic Denicola Date: Tue, 27 Jul 2021 12:45:47 -0400 Subject: [PATCH] Editorial: make domintro typography more uniform This implements some of the changes described in https://github.com/whatwg/meta/issues/190#issuecomment-799601600 for our "For web developers (non-normative)" boxes, i.e. "domintro" boxes. Although the first three domintros were rewritten by hand and thus reflect all of those changes, the rest were transformed in an automated fashion, with only the following transformations applied: * Wrap the entire line in instead of just some property names. * Remove spaces around dots and parentheses. * Move ...s before the argument, like JavaScript, instead of after. Additionally the nature of the automated process involved rewrapping all the
contents, and *un*wrapping all
contents. Some linebreaks were removed and inserted as well to give a consistent style. --- source | 2719 +++++++++++++++++++++++++------------------------------- 1 file changed, 1195 insertions(+), 1524 deletions(-) diff --git a/source b/source index 3572cf36310..56dc8bea87d 100644 --- a/source +++ b/source @@ -600,12 +600,9 @@ interface Example { };
+
variable = object.method([optionalArgument])
-
variable = object . method( [ optionalArgument ] )
- -
-

This is a note to authors describing the usage of an interface.

-
+

This is a note to authors describing the usage of an interface.

/* this is a CSS fragment */
@@ -6911,11 +6908,13 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute empty string. Unless otherwise specified, the slot's value is the empty string.

-
element . nonce
-
-

Returns the value of the element's [[CryptographicNonce]] internal slot.

-

Can be set, to update that slot's value.

-
+
element.nonce
+

Returns the value set for element's cryptographic nonce. If the setter was not + used, this will be the value originally found in the nonce + content attribute.

+ +
element.nonce = value
+

Updates element's cryptographic nonce value.

The HTMLAllCollection { };

+
collection.length
+

Returns the number of elements in collection.

+ +
element = collection.item(index)
+
element = collection(index)
+
element = collection[index]
+

Returns the item at index index from collection (determined by + tree order).

+ +
element = collection.item(name)
+
collection = collection.item(name)
+
element = collection.namedItem(name)
+
collection = collection.namedItem(name)
+
element = collection(name)
+
collection = collection(name)
+
element = collection[name]
+
collection = collection[name]
+
+

Returns the item with ID or name name from + collection.

+ +

If there are multiple matching items, then an HTMLCollection object containing + all those elements is returned.

-
collection . length
-
-

Returns the number of elements in the collection.

-
- -
element = collection . item(index)
-
element = collection(index)
-
element = collection[index]
-
-

Returns the item with index index from the collection (determined by tree order).

-
- -
element = collection . item(name)
-
collection = collection . item(name)
-
element = collection . namedItem(name)
-
collection = collection . namedItem(name)
-
element = collection(name)
-
collection = collection(name)
-
element = collection[name]
-
collection = collection[name]
-
-

Returns the item with ID or name name from the collection.

-

If there are multiple matching items, then an HTMLCollection object containing all those elements is returned.

-

Only button, form, iframe, - input, map, meta, object, - select, and textarea elements can have a name for the purpose of this - method; their name is given by the value of their name attribute.

+

Only button, form, iframe, input, + map, meta, object, select, and + textarea elements can have a name for the purpose of this method; their name is + given by the value of their name attribute.

@@ -7594,32 +7593,33 @@ interface RadioNodeList : NodeList { };
+
collection.length
+

Returns the number of elements in collection.

-
collection . length
-
-

Returns the number of elements in the collection.

-
+
element = collection.item(index)
+
element = collection[index]
+

Returns the item at index index in collection. The items are sorted + in tree order.

-
element = collection . item(index)
-
element = collection[index]
+
element = collection.namedItem(name)
+
radioNodeList = collection.namedItem(name)
+
element = collection[name]
+
radioNodeList = collection[name]
-

Returns the item with index index from the collection. The items are sorted in tree order.

-
+

Returns the item with ID or name name from collection.

-
element = collection . namedItem(name)
-
radioNodeList = collection . namedItem(name)
-
element = collection[name]
-
radioNodeList = collection[name]
-
-

Returns the item with ID or name name from the collection.

-

If there are multiple matching items, then a RadioNodeList object containing all those elements is returned.

+

If there are multiple matching items, then a RadioNodeList object containing all + those elements is returned.

-
radioNodeList . value [ = value ]
-
-

Returns the value of the first checked radio button represented by the object.

-

Can be set, to check the first radio button with the given value represented by the object.

-
+
radioNodeList.value
+

Returns the value of the first checked radio button represented by + radioNodeList.

+ +
radioNodeList.value = value
+

Checks the first first radio button represented by radioNodeList that has value + value.

@@ -7731,59 +7731,68 @@ interface HTMLOptionsCollection : HTMLCollection
+
collection.length
+

Returns the number of elements in collection.

-
collection . length [ = value ]
+
collection.length = value
-

Returns the number of elements in the collection.

-

When set to a smaller number, truncates the number of option elements in the corresponding container.

-

When set to a greater number, adds new blank option elements to that container.

-
+

When set to a smaller number than the existing length, truncates the number of + option elements in the container corresponding to collection.

-
element = collection . item(index)
-
element = collection[index]
-
-

Returns the item with index index from the collection. The items are sorted in tree order.

+

When set to a greater number than the existing length, adds new blank option + elements to the container corresponding to collection.

-
collection[index] = element
+
element = collection.item(index)
+
element = collection[index]
+

Returns the item at index index in collection. The items are sorted + in tree order.

+ +
collection[index] = element
-

When index is a greater number than the number of items in the collection, adds - new blank option elements in the corresponding container. -

When set to null, removes the item at index index from the collection.

-

When set to an option element, adds or replaces it at index index - from the collection.

+

When index is a greater number than the number of items in collection, + adds new blank option elements in the corresponding container.

+ +

When set to null, removes the item at index index from collection.

+ +

When set to an option element, adds or replaces it at index index in + collection.

-
element = collection . namedItem(name)
-
element = collection[name]
+
element = collection.namedItem(name)
+
element = collection[name]
-

Returns the item with ID or name name from the collection.

+

Returns the item with ID or name name from collection.

+

If there are multiple matching items, then the first is returned.

-
collection . add(element [, before ] )
+
collection.add(element[, before])

Inserts element before the node given by before.

-

The before argument can be a number, in which case element is inserted before the item with that number, or an element from the - collection, in which case element is inserted before that element.

-

If before is omitted, null, or a number out of range, then element will be added at the end of the list.

-

This method will throw a "HierarchyRequestError" DOMException if - element is an ancestor of the element into which it is to be inserted.

-
-
collection . remove(index)
-
-

Removes the item with index index from the collection.

+

The before argument can be a number, in which case element is inserted + before the item with that number, or an element from collection, in which case + element is inserted before that element.

+ +

If before is omitted, null, or a number out of range, then element will + be added at the end of the list.

+ +

Throws a "HierarchyRequestError" DOMException if + element is an ancestor of the element into which it is to be inserted.

-
collection . selectedIndex [ = value ]
+
collection.remove(index)
+

Removes the item with index index from collection.

-
-

Returns the index of the first selected item, if any, or −1 if there is no selected - item.

+
collection.selectedIndex
+

Returns the index of the first selected item, if any, or −1 if there is no selected + item.

-

Can be set, to change the selection.

- +
collection.selectedIndex = index
+

Changes the selection to the option element at index index in + collection.

@@ -7922,15 +7931,14 @@ interface DOMStringList { equivalent rather than DOMStringList.

- -
strings . length
+
strings.length

Returns the number of strings in strings.

-
strings[index]
-
strings . item(index)
+
strings[index]
+
strings.item(index)

Returns the string with index index from strings.

-
strings . contains(string)
+
strings.contains(string)

Returns true if strings contains string, and false otherwise.

@@ -9311,12 +9319,11 @@ partial interface Document {

Resource metadata management

- -
document . referrer
+
document.referrer
-

Returns the URL of the Document - from which the user navigated to this one, unless it was blocked or there was no such document, - in which case it returns the empty string.

+

Returns the URL of the Document from + which the user navigated to this one, unless it was blocked or there was no such document, in + which case it returns the empty string.

The noreferrer link type can be used to block the referrer.

@@ -9333,8 +9340,7 @@ partial interface Document {
- -
document . cookie [ = value ]
+
document.cookie [ = value ]

Returns the HTTP cookies that apply to the Document. If there are no cookies or cookies can't be applied to this resource, the empty string will be returned.

@@ -9407,11 +9413,11 @@ partial interface Document {
- -
document . lastModified
+
document.lastModified

Returns the date of the last modification to the document, as reported by the server, in the form "MM/DD/YYYY hh:mm:ss", in the user's local time zone.

+

If the last modification date is not known, the current time is returned instead.

@@ -9464,8 +9470,7 @@ partial interface Document {

Reporting document loading status

- -
document . readyState
+
document.readyState

Returns "loading" while the Document is loading, "interactive" once it is finished parsing but still loading subresources, and @@ -9578,11 +9583,8 @@ partial interface Document {


- -
document . head
-
-

Returns the head element.

-
+
document.head
+

Returns the head element.

The head element of a document is the first head element @@ -9600,8 +9602,7 @@ partial interface Document {


- -
document . title [ = value ]
+
document.title [ = value ]

Returns the document's title, as given by the title element for HTML and as given by the SVG title element for SVG.

@@ -9698,8 +9699,7 @@ partial interface Document {
- -
document . body [ = value ]
+
document.body [ = value ]

Returns the body element.

@@ -9770,33 +9770,36 @@ partial interface Document {
- -
document . images
+
document.images
-

Returns an HTMLCollection of the img elements in the Document.

+

Returns an HTMLCollection of the img elements in the + Document.

-
document . embeds
-
document . plugins
+
document.embeds
+
document.plugins
-

Return an HTMLCollection of the embed elements in the Document.

+

Returns an HTMLCollection of the embed elements in the + Document.

-
document . links
+
document.links

Returns an HTMLCollection of the a and area elements in the Document that have href attributes.

-
document . forms
+
document.forms
-

Return an HTMLCollection of the form elements in the Document.

+

Returns an HTMLCollection of the form elements in the + Document.

-
document . scripts
+
document.scripts
-

Return an HTMLCollection of the script elements in the Document.

+

Returns an HTMLCollection of the script elements in the + Document.

@@ -9835,12 +9838,9 @@ partial interface Document {
- -
collection = document . getElementsByName(name)
-
-

Returns a NodeList of elements in the Document that have a name attribute with the value name.

-
+
collection = document.getElementsByName(name)
+

Returns a NodeList of elements in the Document that have a name attribute with the value name.

@@ -9859,16 +9859,15 @@ partial interface Document {
- -
document . currentScript
+
document.currentScript

Returns the script element, or the SVG script element, - that is currently executing, as long as the element represents a classic script. - In the case of reentrant script execution, returns the one that most recently started executing + that is currently executing, as long as the element represents a classic script. In + the case of reentrant script execution, returns the one that most recently started executing amongst those that have not yet finished executing.

-

Returns null if the Document is not currently executing a script - or SVG script element (e.g., because the running script is an event +

Returns null if the Document is not currently executing a script or + SVG script element (e.g., because the running script is an event handler, or a timeout), or if the currently executing script or SVG script element represents a module script.

@@ -12240,12 +12239,17 @@ Transport Protocol">HTTP</abbr> today.</p> -
hyperlink . password
+
hyperlink.password

Returns the hyperlink's URL's password.

+

Can be set, to change the URL's password.

-
hyperlink . host
+
hyperlink.host

Returns the hyperlink's URL's host and port (if different from the default port for the scheme).

+

Can be set, to change the URL's host and port.

-
hyperlink . hostname
+
hyperlink.hostname

Returns the hyperlink's URL's host.

+

Can be set, to change the URL's host.

-
hyperlink . port
+
hyperlink.port

Returns the hyperlink's URL's port.

+

Can be set, to change the URL's port.

-
hyperlink . pathname
+
hyperlink.pathname

Returns the hyperlink's URL's path.

+

Can be set, to change the URL's path.

-
hyperlink . search
+
hyperlink.search

Returns the hyperlink's URL's query (includes leading "?" if non-empty).

+

Can be set, to change the URL's query (ignores leading "?").

-
hyperlink . hash
+
hyperlink.hash

Returns the hyperlink's URL's fragment (includes leading "#" if non-empty).

+

Can be set, to change the URL's fragment (ignores leading "#").

@@ -26993,43 +26997,39 @@ interface HTMLImageElement : HTMLElement {
- -
image . width [ = value ]
-
image . height [ = value ]
+
image.width [ = value ]
+
image.height [ = value ]
-

These attributes return the actual rendered dimensions of the - image, or zero if the dimensions are not known.

+

These attributes return the actual rendered dimensions of the image, or zero if the + dimensions are not known.

-

They can be set, to change the corresponding content - attributes.

+

They can be set, to change the corresponding content attributes.

-
image . naturalWidth
-
image . naturalHeight
+
image.naturalWidth
+
image.naturalHeight
-

These attributes return the intrinsic dimensions of the image, - or zero if the dimensions are not known.

+

These attributes return the intrinsic dimensions of the image, or zero if the dimensions are + not known.

-
image . complete
+
image.complete
-

Returns true if the image has been completely downloaded or if - no image is specified; otherwise, returns false.

+

Returns true if the image has been completely downloaded or if no image is specified; + otherwise, returns false.

-
image . currentSrc
+
image.currentSrc
-
-

Returns the image's absolute URL.

-
+

Returns the image's absolute URL.

-
image . decode()
+
image.decode()

This method causes the user agent to decode the @@ -27039,14 +27039,13 @@ interface HTMLImageElement : HTMLElement { DOMException if the image cannot be decoded.

-
image = new Image( [ width [, height ] ] )
+
image = new Image([ width [, height ] ])
-

Returns a new img element, with the width and height attributes set to the values - passed in the relevant arguments, if applicable.

+

Returns a new img element, with the width + and height attributes set to the values passed in the + relevant arguments, if applicable.

@@ -32593,13 +32592,12 @@ interface HTMLVideoElement : HTMLMediaElement
- -
video . videoWidth
-
video . videoHeight
+
video.videoWidth
+
video.videoHeight
-

These attributes return the intrinsic dimensions of the video, - or zero if the dimensions are not known.

+

These attributes return the intrinsic dimensions of the video, or zero if the dimensions are + not known.

@@ -32838,8 +32836,7 @@ interface HTMLAudioElement : HTMLMediaElement attributes">the attributes common to all media elements.

- -
audio = new Audio( [ url ] )
+
audio = new Audio([ url ])

Returns a new audio element, with the src @@ -33090,35 +33087,27 @@ interface HTMLTrackElement : HTMLElement { data-x="attr-track-default">default attribute is specified.

- -
track . readyState
+
track.readyState
-

Returns the text track readiness state, - represented by a number from the following list:

+

Returns the text track readiness state, represented by a number from the + following list:

-
track . NONE (0)
-
-

The text track not loaded state.

-
-
track . LOADING (1)
-
-

The text track loading state.

-
-
track . LOADED (2)
-
-

The text track loaded state.

-
-
track . ERROR (3)
-
-

The text track failed to load state.

-
+
track.NONE (0)
+

The text track not loaded state.

+
track.LOADING (1)
+

The text track loading state.

+
track.LOADED (2)
+

The text track loaded state.

+
track.ERROR (3)
+

The text track failed to load state.

-
track . track
+
track.track
-

Returns the TextTrack object corresponding to the text track of the track element.

+

Returns the TextTrack object corresponding to the text track of the + track element.

@@ -33320,8 +33309,7 @@ interface HTMLMediaElement : HTMLElement {
Error codes
- -
media . error
+
media.error

Returns a MediaError object representing the current error state of the @@ -33354,14 +33342,11 @@ interface MediaError { };

+
media.error.code
-
media . error . code
- -
-

Returns the current error's error code, from the list below.

-
+

Returns the current error's error code, from the list below.

-
media . error . message
+
media.error.message

Returns a specific informative diagnostic message about the error condition encountered. The @@ -33478,14 +33463,14 @@ interface MediaError {

- -
media . srcObject [ = source ]
+
media.srcObject [ = source ]
-

Allows the media element to be assigned a media provider object.

+

Allows the media element to be assigned a media provider + object.

-
media . currentSrc
+
media.currentSrc

Returns the URL of the current media resource, if any.

@@ -33549,8 +33534,7 @@ interface MediaError { set of strings -->
- -
media . canPlayType(type)
+
media.canPlayType(type)

Returns the empty string (a negative response), "maybe", or "probably" based on how confident @@ -33617,8 +33601,7 @@ interface MediaError {

Network states
- -
media . networkState
+
media.networkState

Returns the current state of network activity for the element, from the codes in the list @@ -33671,8 +33654,7 @@ interface MediaError {

Loading the media resource
- -
media . load()
+
media.load()

Causes the element to reset and start selecting and loading a new media resource @@ -34767,8 +34749,7 @@ interface MediaError { -->

- -
media . buffered
+
media.buffered

Returns a TimeRanges object that represents the ranges of the media @@ -34805,8 +34786,7 @@ interface MediaError {

Offsets into the media resource
- -
media . duration
+
media.duration

Returns the length of the media resource, in seconds, assuming that the start of @@ -34817,7 +34797,7 @@ interface MediaError {

Returns Infinity for unbounded streams.

-
media . currentTime [ = value ]
+
media.currentTime [ = value ]

Returns the official playback position, in seconds.

@@ -35060,8 +35040,7 @@ interface MediaError {
Ready states
- -
media . readyState
+
media.readyState

Returns a value that expresses the current state of the element with respect to rendering the @@ -35343,20 +35322,15 @@ interface MediaError {

Playing the media resource
+
media.paused
-
media . paused
+

Returns true if playback is paused; false otherwise.

-
-

Returns true if playback is paused; false otherwise.

-
- -
media . ended
+
media.ended
-
-

Returns true if playback has reached the end of the media resource.

-
+

Returns true if playback has reached the end of the media resource.

-
media . defaultPlaybackRate [ = value ]
+
media.defaultPlaybackRate [ = value ]

Returns the default rate of playback, for when the user is not fast-forwarding or reversing @@ -35369,7 +35343,7 @@ interface MediaError { will be returned to the default rate of playback.

-
media . playbackRate [ = value ]
+
media.playbackRate [ = value ]

Returns the current rate playback, where 1.0 is normal speed.

@@ -35377,7 +35351,7 @@ interface MediaError {

Can be set, to change the rate of playback.

-
media . preservesPitch
+
media.preservesPitch

Returns true if pitch-preserving algorithms are used when the MediaError { aesthetic and performance reasons.

-
media . played
+
media.played

Returns a TimeRanges object that represents the ranges of the media resource that the user agent has played.

-
media . play()
+
media.play()

Sets the paused attribute to false, loading the @@ -35403,7 +35377,7 @@ interface MediaError { restart it from the start.

-
media . pause()
+
media.pause()

Sets the paused attribute to true, loading the @@ -36122,26 +36096,23 @@ interface MediaError {

Seeking
+
media.seeking
-
media . seeking
- -
-

Returns true if the user agent is currently seeking.

-
+

Returns true if the user agent is currently seeking.

-
media . seekable
+
media.seekable

Returns a TimeRanges object that represents the ranges of the media resource to which it is possible for the user agent to seek.

-
media . fastSeek( time )
+
media.fastSeek(time)
-

Seeks to near the given time as fast as possible, trading precision for - speed. (To seek to a precise time, use the currentTime attribute.)

+

Seeks to near the given time as fast as possible, trading precision for speed. (To + seek to a precise time, use the currentTime + attribute.)

This does nothing if the media resource has not been loaded.

@@ -36310,15 +36281,14 @@ interface MediaError { angles, or sign-language overlays.

- -
media . audioTracks
+
media.audioTracks

Returns an AudioTrackList object representing the audio tracks available in the media resource.

-
media . videoTracks
+
media.videoTracks

Returns a VideoTrackList object representing the video tracks available in the @@ -36393,30 +36363,26 @@ interface VideoTrack { };

+
media.audioTracks.length
+
media.videoTracks.length
-
media . audioTracks . length
-
media . videoTracks . length
- -
-

Returns the number of tracks in the list.

-
+

Returns the number of tracks in the list.

-
audioTrack = media . audioTracks[index]
-
videoTrack = media . videoTracks[index]
+
audioTrack = media.audioTracks[index]
+
videoTrack = media.videoTracks[index]
-
-

Returns the specified AudioTrack or VideoTrack object.

-
+

Returns the specified AudioTrack or VideoTrack object.

-
audioTrack = media . audioTracks . getTrackById( id )
-
videoTrack = media . videoTracks . getTrackById( id )
+
audioTrack = media.audioTracks.getTrackById(id)
+
videoTrack = media.videoTracks.getTrackById(id)
-

Returns the AudioTrack or VideoTrack object with the given identifier, or null if no track has that identifier.

+

Returns the AudioTrack or VideoTrack object with the given + identifier, or null if no track has that identifier.

-
audioTrack . id
-
videoTrack . id
+
audioTrack.id
+
videoTrack.id

Returns the ID of the given track. This is the ID that can be used with a VideoTrack { syntax, and that can be used with the getTrackById() method.

-
audioTrack . kind
-
videoTrack . kind
+
audioTrack.kind
+
videoTrack.kind
-
-

Returns the category the given track falls into. The possible track categories are given below.

-
+

Returns the category the given track falls into. The possible track categories are given below.

-
audioTrack . label
-
videoTrack . label
+
audioTrack.label
+
videoTrack.label
-
-

Returns the label of the given track, if known, or the empty string otherwise.

-
+

Returns the label of the given track, if known, or the empty string otherwise.

-
audioTrack . language
-
videoTrack . language
+
audioTrack.language
+
videoTrack.language
-
-

Returns the language of the given track, if known, or the empty string otherwise.

-
+

Returns the language of the given track, if known, or the empty string otherwise.

-
audioTrack . enabled [ = value ]
+
audioTrack.enabled [ = value ]

Returns true if the given track is active, and false otherwise.

@@ -36454,13 +36415,12 @@ interface VideoTrack { enabled simultaneously, they are mixed.

-
media . videoTracks . selectedIndex
+
media.videoTracks.selectedIndex
-
-

Returns the index of the currently selected track, if any, or −1 otherwise.

-
+

Returns the index of the currently selected track, if any, or −1 + otherwise.

-
videoTrack . selected [ = value ]
+
videoTrack.selected [ = value ]

Returns true if the given track is active, and false otherwise.

@@ -37621,21 +37581,25 @@ interface TextTrackList : EventTarget { };
- -
media . textTracks . length
+
media.textTracks.length
-

Returns the number of text tracks associated with the media element (e.g. from track elements). This is the number of text tracks in the media element's list of text tracks.

+

Returns the number of text tracks associated with the + media element (e.g. from track elements). This is the number of text tracks in the media element's list of text + tracks.

-
media . textTracks[ n ]
+
media.textTracks[ n ]
-

Returns the TextTrack object representing the nth text track in the media element's list of text tracks.

+

Returns the TextTrack object representing the nth text + track in the media element's list of text tracks.

-
textTrack = media . textTracks . getTrackById( id )
+
textTrack = media.textTracks.getTrackById(id)
-

Returns the TextTrack object with the given identifier, or null if no track has that identifier.

+

Returns the TextTrack object with the given identifier, or null if no track has + that identifier.

@@ -37709,31 +37673,26 @@ interface TextTrack : EventTarget { };
- -
textTrack = media . addTextTrack( kind [, label [, language ] ] )
+
textTrack = media.addTextTrack(kind [, label [, language ] ])

Creates and returns a new TextTrack object, which is also added to the media element's list of text tracks.

-
textTrack . kind
-
-

Returns the text track kind string.

-
+
textTrack.kind
+

Returns the text track kind string.

-
textTrack . label
+
textTrack.label

Returns the text track label, if there is one, or the empty string otherwise (indicating that a custom label probably needs to be generated from the other attributes of the object if the object is exposed to the user).

-
textTrack . language
-
-

Returns the text track language string.

-
+
textTrack.language
+

Returns the text track language string.

-
textTrack . id
+
textTrack.id

Returns the ID of the given track.

@@ -37746,55 +37705,46 @@ interface TextTrack : EventTarget { ID of the track element.

-
textTrack . inBandMetadataTrackDispatchType
-
-

Returns the text track in-band metadata track dispatch type string.

-
+
textTrack.inBandMetadataTrackDispatchType
+

Returns the text track in-band metadata track dispatch type string.

-
textTrack . mode [ = value ]
+
textTrack.mode [ = value ]

Returns the text track mode, represented by a string from the following list:

"disabled"
-
-

The text track disabled mode.

-
+

The text track disabled mode.

"hidden"
-
-

The text track hidden mode.

-
+

The text track hidden mode.

"showing"
-
-

The text track showing mode.

-
+

The text track showing mode.

Can be set, to change the mode.

-
textTrack . cues
+
textTrack.cues
-

Returns the text track list of cues, as a TextTrackCueList object.

+

Returns the text track list of cues, as a TextTrackCueList + object.

-
textTrack . activeCues
+
textTrack.activeCues

Returns the text track cues from the text track list of cues that are currently active (i.e. that start before the current playback position and end after it), as a TextTrackCueList object.

-
textTrack . addCue( cue )
-
-

Adds the given cue to textTrack's text track list of cues.

-
+
textTrack.addCue(cue)
+

Adds the given cue to textTrack's text track list of + cues.

-
textTrack . removeCue( cue )
-
-

Removes the given cue from textTrack's text track list of cues.

-
+
textTrack.removeCue(cue)
+

Removes the given cue from textTrack's text track list of + cues.

@@ -38025,21 +37975,22 @@ interface TextTrackCueList { };
+
cuelist.length
+

Returns the number of cues in the list.

-
cuelist . length
+
cuelist[index]
-

Returns the number of cues in the list.

+

Returns the text track cue with index index in the list. The cues are + sorted in text track cue order.

-
cuelist[index]
+
cuelist.getCueById(id)
-

Returns the text track cue with index index in the list. The cues are sorted in text track cue order.

-
+

Returns the first text track cue (in text track cue order) with + text track cue identifier id.

-
cuelist . getCueById( id )
-
-

Returns the first text track cue (in text track cue order) with text track cue identifier id.

-

Returns null if none of the cues have the given identifier or if the argument is the empty string.

+

Returns null if none of the cues have the given identifier or if the argument is the empty + string.

@@ -38088,36 +38039,40 @@ interface TextTrackCue : EventTarget { };
- -
cue . track
+
cue.track
-

Returns the TextTrack object to which this - text track cue belongs, if any, or null - otherwise.

+

Returns the TextTrack object to which this text track cue belongs, + if any, or null otherwise.

-
cue . id [ = value ]
+
cue.id [ = value ]

Returns the text track cue identifier.

+

Can be set.

-
cue . startTime [ = value ]
+
cue.startTime [ = value ]

Returns the text track cue start time, in seconds.

+

Can be set.

-
cue . endTime [ = value ]
+
cue.endTime [ = value ]

Returns the text track cue end time, in seconds.

+

Returns positive Infinity for an unbounded text track cue.

+

Can be set.

-
cue . pauseOnExit [ = value ]
+
cue.pauseOnExit [ = value ]
-

Returns true if the text track cue pause-on-exit flag is set, false otherwise.

+

Returns true if the text track cue pause-on-exit flag is set, false + otherwise.

+

Can be set.

@@ -38352,8 +38307,7 @@ red:89
- -
media . volume [ = value ]
+
media.volume [ = value ]

Returns the current playback volume, as a number in the range 0.0 to 1.0, where 0.0 is the @@ -38365,7 +38319,7 @@ red:89 value is not in the range 0.0 .. 1.0.

-
media . muted [ = value ]
+
media.muted [ = value ]

Returns true if audio is muted, overriding the volume @@ -38475,14 +38429,11 @@ interface TimeRanges { };

+
media.length
-
media . length
+

Returns the number of ranges in the object.

-
-

Returns the number of ranges in the object.

-
- -
time = media . start(index)
+
time = media.start(index)

Returns the time for the start of the range with the given index.

@@ -38491,7 +38442,7 @@ interface TimeRanges { is out of range.

-
time = media . end(index)
+
time = media.end(index)

Returns the time for the end of the range with the given index.

@@ -38566,8 +38517,7 @@ dictionary TrackEventInit : EventInit { };
- -
event . track
+
event.track

Returns the track object (TextTrack, AudioTrack, or @@ -39213,8 +39163,7 @@ interface HTMLMapElement : HTMLElement { attributes must have the same value.

- -
map . areas
+
map.areas

Returns an HTMLCollection of the area elements in the @@ -39833,9 +39782,9 @@ interface HTMLAreaElement : HTMLElement {


-
doc = iframe . getSVGDocument()
-
doc = embed . getSVGDocument()
-
doc = object . getSVGDocument()
+
doc = iframe.getSVGDocument()
+
doc = embed.getSVGDocument()
+
doc = object.getSVGDocument()

Returns the Document object, in the case of iframe, embed, or object elements being used to embed SVG.

@@ -40089,25 +40038,20 @@ interface HTMLTableElement : HTMLElement {
- -
table . caption [ = value ]
+
table.caption [ = value ]

Returns the table's caption element.

Can be set, to replace the caption element.

-
caption = table . createCaption()
-
-

Ensures the table has a caption element, and returns it.

-
+
caption = table.createCaption()
+

Ensures the table has a caption element, and returns it.

-
table . deleteCaption()
-
-

Ensures the table does not have a caption element.

-
+
table.deleteCaption()
+

Ensures the table does not have a caption element.

-
table . tHead [ = value ]
+
table.tHead [ = value ]

Returns the table's thead element.

@@ -40116,17 +40060,13 @@ interface HTMLTableElement : HTMLElement { DOMException.

-
thead = table . createTHead()
-
-

Ensures the table has a thead element, and returns it.

-
+
thead = table.createTHead()
+

Ensures the table has a thead element, and returns it.

-
table . deleteTHead()
-
-

Ensures the table does not have a thead element.

-
+
table.deleteTHead()
+

Ensures the table does not have a thead element.

-
table . tFoot [ = value ]
+
table.tFoot [ = value ]

Returns the table's tfoot element.

@@ -40135,32 +40075,24 @@ interface HTMLTableElement : HTMLElement { DOMException.

-
tfoot = table . createTFoot()
-
-

Ensures the table has a tfoot element, and returns it.

-
+
tfoot = table.createTFoot()
+

Ensures the table has a tfoot element, and returns it.

-
table . deleteTFoot()
-
-

Ensures the table does not have a tfoot element.

-
+
table.deleteTFoot()
+

Ensures the table does not have a tfoot element.

-
table . tBodies
-
-

Returns an HTMLCollection of the tbody elements of the table.

-
+
table.tBodies
+

Returns an HTMLCollection of the tbody elements of the + table.

-
tbody = table . createTBody()
-
-

Creates a tbody element, inserts it into the table, and returns it.

-
+
tbody = table.createTBody()
+

Creates a tbody element, inserts it into the table, and returns it.

-
table . rows
-
-

Returns an HTMLCollection of the tr elements of the table.

-
+
table.rows
+

Returns an HTMLCollection of the tr elements of the + table.

-
tr = table . insertRow( [ index ] )
+
tr = table.insertRow([ index ])

Creates a tr element, along with a tbody if required, inserts them into the table at the position given by the argument, and returns the tr.

@@ -40172,7 +40104,7 @@ interface HTMLTableElement : HTMLElement { "IndexSizeError" DOMException.

-
table . deleteRow(index)
+
table.deleteRow(index)

Removes the tr element with the given position in the table.

@@ -40854,14 +40786,13 @@ interface HTMLTableSectionElement : HTMLElement
- -
tbody . rows
+
tbody.rows

Returns an HTMLCollection of the tr elements of the table section.

-
tr = tbody . insertRow( [ index ] )
+
tr = tbody.insertRow([ index ])

Creates a tr element, inserts it into the table section at the position given by the argument, and returns the tr.

@@ -40874,7 +40805,7 @@ interface HTMLTableSectionElement : HTMLElement"IndexSizeError" DOMException.

-
tbody . deleteRow(index)
+
tbody.deleteRow(index)

Removes the tr element with the given position in the table section.

@@ -41097,8 +41028,7 @@ interface HTMLTableRowElement : HTMLElement {
- -
tr . rowIndex
+
tr.rowIndex

Returns the position of the row in the table's rows @@ -41107,7 +41037,7 @@ interface HTMLTableRowElement : HTMLElement {

Returns −1 if the element isn't in a table.

-
tr . sectionRowIndex
+
tr.sectionRowIndex

Returns the position of the row in the table section's HTMLTableRowElement : HTMLElement {

Returns −1 if the element isn't in a table section.

-
tr . cells
+
tr.cells

Returns an HTMLCollection of the td and th elements of the row.

-
cell = tr . insertCell( [ index ] )
+
cell = tr.insertCell([ index ])

Creates a td element, inserts it into the table row at the position given by the @@ -41135,7 +41065,7 @@ interface HTMLTableRowElement : HTMLElement { "IndexSizeError" DOMException.

-
tr . deleteCell(index)
+
tr.deleteCell(index)

Removes the td or th element with the given position in the row.

@@ -41509,13 +41439,12 @@ interface HTMLTableCellElement : HTMLElement {
- -
cell . cellIndex
+
cell.cellIndex

Returns the position of the cell in the row's cells list. - This does not necessarily correspond to the x-position of the cell in the - table, since earlier cells might cover multiple rows or columns.

+ This does not necessarily correspond to the x-position of the cell in the table, + since earlier cells might cover multiple rows or columns.

Returns −1 if the element isn't in a row.

@@ -43368,29 +43297,28 @@ interface HTMLFormElement : HTMLElement { list that the user agent implements the processing model for.

- -
form . elements
+
form.elements
-

Returns an HTMLFormControlsCollection of the form controls in the form (excluding image - buttons for historical reasons).

+

Returns an HTMLFormControlsCollection of the form controls in the form + (excluding image buttons for historical reasons).

-
form . length
+
form.length

Returns the number of form controls in the form (excluding image buttons for historical reasons).

-
form[index]
+
form[index]
-

Returns the indexth element in the form (excluding image buttons for - historical reasons).

+

Returns the indexth element in the form (excluding image buttons for historical + reasons).

-
form[name]
+
form[name]

Returns the form control (or, if there are several, a RadioNodeList of the form @@ -43407,7 +43335,7 @@ interface HTMLFormElement : HTMLElement { those elements is returned.

-
form . submit()
+
form.submit()

Submits the form, bypassing interactive @@ -43415,7 +43343,7 @@ interface HTMLFormElement : HTMLElement { event.

-
form . requestSubmit( [ submitter ] )
+
form.requestSubmit([ submitter ])

Requests to submit the form. Unlike submit(), this @@ -43434,22 +43362,19 @@ interface HTMLFormElement : HTMLElement { normally, buttons are excluded.

-
form . reset()
+
form.reset()
-
-

Resets the form.

-
+

Resets the form.

-
form . checkValidity()
+
form.checkValidity()
-
-

Returns true if the form's controls are all valid; otherwise, returns false.

-
+

Returns true if the form's controls are all valid; otherwise, returns false.

-
form . reportValidity()
+
form.reportValidity()
-

Returns true if the form's controls are all valid; otherwise, returns false and informs the user.

+

Returns true if the form's controls are all valid; otherwise, returns false and informs the + user.

@@ -43820,14 +43745,11 @@ interface HTMLLabelElement : HTMLElement {
+
label.control
-
label . control
- -
-

Returns the form control that is associated with this element.

-
+

Returns the form control that is associated with this element.

-
label . form
+
label.form

Returns the form owner of the form control that is associated with this @@ -43872,8 +43794,7 @@ interface HTMLLabelElement : HTMLElement {


- -
control . labels
+
control.labels

Returns a NodeList of all the label elements that the form control @@ -47808,8 +47729,7 @@ ldh-str = < as defined in - -

input . indeterminate [ = value ]
+
input.indeterminate [ = value ]

When set, overrides the rendering of checkbox @@ -48642,9 +48562,8 @@ ldh-str = < as defined in - -

image . width [ = value ]
-
image . height [ = value ]
+
image.width [ = value ]
+
image.height [ = value ]

These attributes return the actual rendered dimensions of the image, or zero if the @@ -49796,8 +49715,7 @@ You cannot submit this form when the field is incorrect.

Common input element APIs
- -
input . value [ = value ]
+
input.value [ = value ]

Returns the current value of the form control.

@@ -49808,7 +49726,7 @@ You cannot submit this form when the field is incorrect. set to any value other than the empty string when the control is a file upload control.

-
input . checked [ = value ]
+
input.checked [ = value ]

Returns the current checkedness of the form @@ -49817,7 +49735,7 @@ You cannot submit this form when the field is incorrect.

Can be set, to change the checkedness.

-
input . files [ = files ]
+
input.files [ = files ]

Returns a FileList object listing the instance, as the result of a drag-and-drop operation.

-
input . valueAsDate [ = value ]
+
input.valueAsDate [ = value ]

Returns a Date object representing the form control's control isn't date- or time-based.

-
input . valueAsNumber [ = value ]
+
input.valueAsNumber [ = value ]
-

Returns a number representing the form control's value, - if applicable; otherwise, returns NaN.

+

Returns a number representing the form control's value, if applicable; otherwise, returns NaN.

Can be set, to change the value. Setting this to NaN will set the underlying value to the empty string.

@@ -49855,25 +49773,23 @@ You cannot submit this form when the field is incorrect. control is neither date- or time-based nor numeric.

-
input . stepUp( [ n ] )
-
input . stepDown( [ n ] )
+
input.stepUp([ n ])
+
input.stepDown([ n ])

Changes the form control's value by the value given in - the step attribute, multiplied by n. - The default value for n is 1.

+ the step attribute, multiplied by n. The + default value for n is 1.

Throws "InvalidStateError" DOMException if the control is neither date- or time-based nor numeric, or if the step attribute's value is "any".

-
input . list
+
input.list
-
-

Returns the datalist element indicated by the list attribute.

-
+

Returns the datalist element indicated by the list attribute.

@@ -50744,8 +50660,7 @@ interface HTMLSelectElement : HTMLElement { mutable.

- -
select . type
+
select.type

Returns "select-multiple" if the element has a HTMLSelectElement : HTMLElement { otherwise.

-
select . options
+
select.options
-
-

Returns an HTMLOptionsCollection of the list of options.

-
+

Returns an HTMLOptionsCollection of the list of options.

-
select . length [ = value ]
+
select.length [ = value ]

Returns the number of elements in the list of options.

@@ -50772,15 +50685,15 @@ interface HTMLSelectElement : HTMLElement { select.

-
element = select . item(index)
-
select[index]
+
element = select.item(index)
+
select[index]

Returns the item with index index from the list of options. The items are sorted in tree order.

-
element = select . namedItem(name)
+
element = select.namedItem(name)

Returns the first item with ID or name name from the HTMLSelectElement : HTMLElement {

Returns null if no element with that ID could be found.

-
select . add(element [, before ] )
+
select.add(element [, before ])

Inserts element before the node given by before.

-

The before argument can be a number, in which case element is inserted before the item with that number, or an element from the - list of options, in which case element is inserted before that element.

+

The before argument can be a number, in which case element is inserted + before the item with that number, or an element from the list of options, in which case element is + inserted before that element.

-

If before is omitted, null, or a number out of range, then element will be added at the end of the list.

+

If before is omitted, null, or a number out of range, then element will + be added at the end of the list.

-

This method will throw a "HierarchyRequestError" DOMException if - element is an ancestor of the element into which it is to be inserted.

+

This method will throw a "HierarchyRequestError" + DOMException if element is an ancestor of the element into which it is + to be inserted.

-
select . selectedOptions
+
select.selectedOptions

Returns an HTMLCollection of the list of options that are selected.

-
select . selectedIndex [ = value ]
+
select.selectedIndex [ = value ]

Returns the index of the first selected item, if any, or −1 if there is no selected @@ -50818,7 +50735,7 @@ interface HTMLSelectElement : HTMLElement {

Can be set, to change the selection.

-
select . value [ = value ]
+
select.value [ = value ]

Returns the value of the first selected item, if @@ -51113,8 +51030,7 @@ interface HTMLDataListElement : HTMLElement { data-x="concept-option-label">label.

- -
datalist . options
+
datalist.options

Returns an HTMLCollection of the option elements of the @@ -51366,8 +51282,7 @@ interface HTMLOptionElement : HTMLElement {

- -
option . selected
+
option.selected

Returns true if the element is selected, and false otherwise.

@@ -51375,26 +51290,23 @@ interface HTMLOptionElement : HTMLElement {

Can be set, to override the current state of the element.

-
option . index
+
option.index
-
-

Returns the index of the element in its select element's options list.

-
+

Returns the index of the element in its select element's options list.

-
option . form
+
option.form
-
-

Returns the element's form element, if any, or null otherwise.

-
+

Returns the element's form element, if any, or null otherwise.

-
option . text
+
option.text
-

Same as textContent, except that spaces are collapsed and script elements are skipped.

+

Same as textContent, except that spaces are collapsed and script + elements are skipped.

-
option = new Option( [ text [, value [, defaultSelected [, selected ] ] ] ] )
+
option = new Option([ text [, value [, defaultSelected [, selected ] ] ] ])

Returns a new option element.

@@ -51407,8 +51319,8 @@ interface HTMLOptionElement : HTMLElement {

The defaultSelected argument sets the selected attribute.

-

The selected argument sets whether or not the element is selected. If it - is omitted, even if the defaultSelected argument is true, the element is not +

The selected argument sets whether or not the element is selected. If it is + omitted, even if the defaultSelected argument is true, the element is not selected.

@@ -51861,14 +51773,11 @@ interface HTMLTextAreaElement : HTMLElement {

+
textarea.type
-
textarea . type
+

Returns the string "textarea".

-
-

Returns the string "textarea".

-
- -
textarea . value
+
textarea.value

Returns the current value of the element.

@@ -52107,24 +52016,22 @@ interface HTMLOutputElement : HTMLElement {
-
output . value [ = value ]
+
output.value [ = value ]

Returns the element's current value.

Can be set, to change the value.

-
output . defaultValue [ = value ]
+
output.defaultValue [ = value ]

Returns the element's current default value.

Can be set, to change the default value.

-
output . type
-
-

Returns the string "output".

-
+
output.type
+

Returns the string "output".

@@ -52340,7 +52247,7 @@ interface HTMLProgressElement : HTMLElement {
-
progress . position
+
progress.position

For a determinate progress bar (one with known current and maximum values), returns the @@ -52841,18 +52748,13 @@ interface HTMLFieldSetElement : HTMLElement { data-x="attr-fe-name">name attribute represents the element's name.

+
fieldset.type
-
fieldset . type
- -
-

Returns the string "fieldset".

-
+

Returns the string "fieldset".

-
fieldset . elements
+
fieldset.elements
-
-

Returns an HTMLCollection of the form controls in the element.

-
+

Returns an HTMLCollection of the form controls in the element.

@@ -53012,12 +52914,9 @@ interface HTMLLegendElement : HTMLElement { any.

+
legend.form
-
legend . form
- -
-

Returns the element's form element, if any, or null otherwise.

-
+

Returns the element's form element, if any, or null otherwise.

@@ -53237,8 +53136,7 @@ interface HTMLLegendElement : HTMLElement {
- -
element . form
+
element.form

Returns the element's form owner.

@@ -55403,14 +55301,11 @@ MIT Room 32-G524
+
element.select()
-
element . select()
+

Selects everything in the text control.

-
-

Selects everything in the text control.

-
- -
element . selectionStart [ = value ]
+
element.selectionStart [ = value ]

Returns the offset to the start of the selection.

@@ -55418,7 +55313,7 @@ MIT Room 32-G524

Can be set, to change the start of the selection.

-
element . selectionEnd [ = value ]
+
element.selectionEnd [ = value ]

Returns the offset to the end of the selection.

@@ -55426,30 +55321,32 @@ MIT Room 32-G524

Can be set, to change the end of the selection.

-
element . selectionDirection [ = value ]
+
element.selectionDirection [ = value ]

Returns the current direction of the selection.

Can be set, to change the direction of the selection.

-

The possible values are "forward", "backward", and "none".

+

The possible values are "forward", "backward", + and "none".

-
element . setSelectionRange(start, end [, direction] )
+
element.setSelectionRange(start, end [, direction])

Changes the selection to cover the given substring in the given direction. If the direction is omitted, it will be reset to be the platform default (none or forward).

-
element . setRangeText(replacement [, start, end [, selectionMode ] ] )
+
element.setRangeText(replacement [, start, end [, selectionMode ] ])
-

Replaces a range of text with the new text. If the start and end arguments are not provided, the range is assumed to be the selection.

+

Replaces a range of text with the new text. If the start and end + arguments are not provided, the range is assumed to be the selection.

-

The final argument determines how the selection will be set after the text has been - replaced. The possible values are:

+

The final argument determines how the selection will be set after the text has been replaced. + The possible values are:

@@ -56186,15 +56083,14 @@ control.setSelectionRange(oldStart + prefix.length, oldEnd + prefix.length, oldD
The constraint validation API
- -
element . willValidate
+
element.willValidate

Returns true if the element will be validated when the form is submitted; false otherwise.

-
element . setCustomValidity(message)
+
element.setCustomValidity(message)

Sets a custom error, so that the element would fail to validate. The given message is the @@ -56203,83 +56099,71 @@ control.setSelectionRange(oldStart + prefix.length, oldEnd + prefix.length, oldD

If the argument is the empty string, clears the custom error.

-
element . validity . valueMissing
+
element.validity.valueMissing
-
-

Returns true if the element has no value but is a required field; false otherwise.

-
+

Returns true if the element has no value but is a required field; false + otherwise.

-
element . validity . typeMismatch
+
element.validity.typeMismatch
-
-

Returns true if the element's value is not in the correct syntax; false otherwise.

-
+

Returns true if the element's value is not in the correct syntax; false + otherwise.

-
element . validity . patternMismatch
+
element.validity.patternMismatch
-
-

Returns true if the element's value doesn't match the provided pattern; false otherwise.

-
+

Returns true if the element's value doesn't match the provided pattern; false + otherwise.

-
element . validity . tooLong
+
element.validity.tooLong
-

Returns true if the element's value is longer than the provided maximum length; false otherwise.

+

Returns true if the element's value is longer than the provided maximum length; false + otherwise.

-
element . validity . tooShort
+
element.validity.tooShort

Returns true if the element's value, if it is not the empty string, is shorter than the provided minimum length; false otherwise.

-
element . validity . rangeUnderflow
+
element.validity.rangeUnderflow
-
-

Returns true if the element's value is lower than the provided minimum; false otherwise.

-
+

Returns true if the element's value is lower than the provided minimum; false + otherwise.

-
element . validity . rangeOverflow
+
element.validity.rangeOverflow
-
-

Returns true if the element's value is higher than the provided maximum; false otherwise.

-
+

Returns true if the element's value is higher than the provided maximum; false + otherwise.

-
element . validity . stepMismatch
+
element.validity.stepMismatch
-
-

Returns true if the element's value doesn't fit the rules given by the step attribute; false otherwise.

-
+

Returns true if the element's value doesn't fit the rules given by the step attribute; false otherwise.

-
element . validity . badInput
+
element.validity.badInput

Returns true if the user has provided input in the user interface that the user agent is unable to convert to a value; false otherwise.

-
element . validity . customError
+
element.validity.customError
-
-

Returns true if the element has a custom error; false otherwise.

-
+

Returns true if the element has a custom error; false otherwise.

-
element . validity . valid
+
element.validity.valid
-
-

Returns true if the element's value has no validity problems; false otherwise.

-
+

Returns true if the element's value has no validity problems; false otherwise.

-
valid = element . checkValidity()
+
valid = element.checkValidity()
-
-

Returns true if the element's value has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.

-
+

Returns true if the element's value has no validity problems; false otherwise. Fires an + invalid event at the element in the latter case.

-
valid = element . reportValidity()
+
valid = element.reportValidity()

Returns true if the element's value has no validity problems; otherwise, returns false, fires @@ -56287,7 +56171,7 @@ control.setSelectionRange(oldStart + prefix.length, oldEnd + prefix.length, oldD canceled) reports the problem to the user.

-
element . validationMessage
+
element.validationMessage

Returns the error message that would be shown to the user if the element was to be checked @@ -57441,10 +57325,10 @@ dictionary SubmitEventInit : EventInit { };

-
event . submitter
+
event.submitter

Returns the element representing the submit - button that triggered the form submission, or null if the submission was - not triggered by a button.

+ button that triggered the form submission, or null if the submission was not + triggered by a button.

@@ -57469,13 +57353,12 @@ dictionary FormDataEventInit : EventInit { };
- -
event . formData
+
event.formData

Returns a FormData object representing names and values of elements associated - to the target form. Operations on the FormData object will affect - form data to be submitted.

+ to the target form. Operations on the FormData object will affect form + data to be submitted.

@@ -58090,14 +57973,11 @@ interface HTMLDialogElement : HTMLElement {
+
dialog.show()
-
dialog . show()
- -
-

Displays the dialog element.

-
+

Displays the dialog element.

-
dialog . showModal()
+
dialog.showModal()

Displays the dialog element and makes it the top-most modal dialog.

@@ -58105,7 +57985,7 @@ interface HTMLDialogElement : HTMLElement {

This method honors the autofocus attribute.

-
dialog . close( [ result ] )
+
dialog.close([ result ])

Closes the dialog element.

@@ -58113,7 +57993,7 @@ interface HTMLDialogElement : HTMLElement {

The argument, if provided, provides a return value.

-
dialog . returnValue [ = result ]
+
dialog.returnValue [ = result ]

Returns the dialog's return value.

@@ -58624,8 +58504,7 @@ interface HTMLScriptElement : HTMLElement {
- -
script . text [ = value ]
+
script.text [ = value ]

Returns the child text content of the element.

@@ -59913,12 +59792,9 @@ interface HTMLTemplateElement : HTMLElement {
+
template.content
-
template . content
- -
-

Returns the template contents (a DocumentFragment).

-
+

Returns the template contents (a DocumentFragment).

@@ -60162,28 +60038,27 @@ dictionary AssignedNodesOptions { data-x="attr-slot">slot attribute value.

-
slot . name
+
slot.name
Can be used to get and set slot's name.
-
slot . assignedNodes()
+
slot.assignedNodes()
Returns slot's assigned nodes.
-
slot . assignedNodes({ flatten: true })
+
slot.assignedNodes({ flatten: true })
Returns slot's assigned nodes, if any, and slot's children otherwise, and does the same for any slot elements encountered therein, recursively, until there are no slot elements left.
-
slot . assignedElements()
+
slot.assignedElements()
Returns slot's assigned nodes, limited to elements.
-
slot . assignedElements({ flatten: true })
+
slot.assignedElements({ flatten: true })
Returns the same as assignedNodes({ flatten: true }), limited to elements.
-
slot . assign(...nodes)
-
-

Set slot's manually assigned nodes to the given nodes.

-
+
slot.assign(...nodes)
+

Sets slot's manually assigned nodes to the given + nodes.

The name IDL @@ -60498,7 +60373,7 @@ callback BlobCallback = undefined (Blob? blob);


-
context = canvas . getContext(contextId [, options ] )
+
context = canvas.getContext(contextId [, options ])

Returns an object that exposes an API for drawing on the canvas. contextId specifies the desired API: "2d", "BlobCallback = undefined (Blob? blob);

- -
url = canvas . toDataURL( [ type [, quality ] ] )
+
url = canvas.toDataURL([ type [, quality ] ])

Returns a data: URL for the image in the @@ -60685,7 +60559,7 @@ callback BlobCallback = undefined (Blob? blob); which case the result might simply be "data:,".)

-
canvas . toBlob(callback [, type [, quality ] ] )
+
canvas.toBlob(callback [, type [, quality ] ])

Creates a Blob object representing a file containing the image in the canvas, @@ -60698,16 +60572,15 @@ callback BlobCallback = undefined (Blob? blob); indicating the desired quality level for the resulting image.

-
canvas . transferControlToOffscreen()
+
canvas.transferControlToOffscreen()
-

Returns a newly created OffscreenCanvas object that uses the - canvas element as a placeholder. Once the canvas element has become a - placeholder for an OffscreenCanvas object, its intrinsic size can no longer be - changed, and it cannot have a rendering context. The content of the placeholder canvas is - updated by calling the commit() method of the - OffscreenCanvas object's rendering context. +

Returns a newly created OffscreenCanvas object that uses the canvas + element as a placeholder. Once the canvas element has become a placeholder for an + OffscreenCanvas object, its intrinsic size can no longer be changed, and it cannot + have a rendering context. The content of the placeholder canvas is updated by calling the commit() method of the OffscreenCanvas + object's rendering context.

@@ -61106,7 +60979,7 @@ interface Path2D { objects.

-
context = canvas . getContext('2d' [, { [ alpha: true ] [, desynchronized: false ] [, colorSpace: 'srgb'] [, willReadFrequently: false ]} ] )
+
context = canvas.getContext('2d' [, { [ alpha: true ] [, desynchronized: false ] [, colorSpace: 'srgb'] [, willReadFrequently: false ]} ])

Returns a CanvasRenderingContext2D object that is permanently bound to a particular canvas element.

@@ -61129,12 +61002,10 @@ interface Path2D { data-x="concept-canvas-will-read-frequently">readback optimization.

-
context . canvas
-
-

Returns the canvas element.

-
+
context.canvas
+

Returns the canvas element.

-
attributes = canvas . getContextAttributes()
+
attributes = canvas.getContextAttributes()

Returns an object whose:

@@ -61143,17 +61014,15 @@ interface Path2D { channel, or false if it was forced to be opaque.
  • desynchronized - member is true if the context can be desynchronized.
  • + member is true if the context can be desynchronized.
  • colorSpace member is a string indicating the context's color space.
  • -
  • willReadFrequently - member is true if the context is marked for readback optimization.
  • +
  • willReadFrequently + member is true if the context is marked for readback + optimization.
  • @@ -61498,13 +61367,13 @@ context.fillRect(100,0,50,50); // only this square remains
    depend on whether and how the rendering context is bound to a canvas element.

    -
    context . save()
    +
    context.save()

    Pushes the current state onto the stack.

    -
    context . restore()
    +
    context.restore()

    Pops the top state on the stack, restoring the context to that state.

    -
    context . reset()
    +
    context.reset()

    Resets the rendering context, which includes the backing buffer, the drawing state stack, path, and styles.

    @@ -61540,9 +61409,8 @@ context.fillRect(100,0,50,50); // only this square remains
    Line styles
    - -
    context . lineWidth [ = value ]
    -
    styles . lineWidth [ = value ]
    +
    context.lineWidth [ = value ]
    +
    styles.lineWidth [ = value ]

    Returns the current line width.

    @@ -61551,8 +61419,8 @@ context.fillRect(100,0,50,50); // only this square remains ignored.

    -
    context . lineCap [ = value ]
    -
    styles . lineCap [ = value ]
    +
    context.lineCap [ = value ]
    +
    styles.lineCap [ = value ]

    Returns the current line cap style.

    @@ -61563,8 +61431,8 @@ context.fillRect(100,0,50,50); // only this square remains data-x="">round", and "square". Other values are ignored.

    -
    context . lineJoin [ = value ]
    -
    styles . lineJoin [ = value ]
    +
    context.lineJoin [ = value ]
    +
    styles.lineJoin [ = value ]

    Returns the current line join style.

    @@ -61575,8 +61443,8 @@ context.fillRect(100,0,50,50); // only this square remains data-x="">round", and "miter". Other values are ignored.

    -
    context . miterLimit [ = value ]
    -
    styles . miterLimit [ = value ]
    +
    context.miterLimit [ = value ]
    +
    styles.miterLimit [ = value ]

    Returns the current miter limit ratio.

    @@ -61586,8 +61454,8 @@ context.fillRect(100,0,50,50); // only this square remains
    -
    context . setLineDash(segments)
    -
    styles . setLineDash(segments)
    +
    context.setLineDash(segments)
    +
    styles.setLineDash(segments)

    Sets the current line dash pattern (as used when stroking). The argument is a list of @@ -61595,8 +61463,8 @@ context.fillRect(100,0,50,50); // only this square remains

    -
    segments = context . getLineDash()
    -
    segments = styles . getLineDash()
    +
    segments = context.getLineDash()
    +
    segments = styles.getLineDash()

    Returns a copy of the current line dash pattern. The array returned will always have an even @@ -61604,8 +61472,8 @@ context.fillRect(100,0,50,50); // only this square remains

    -
    context . lineDashOffset
    -
    styles . lineDashOffset
    +
    context.lineDashOffset
    +
    styles.lineDashOffset

    Returns the phase offset (in the same units as the line dash pattern).

    @@ -61962,8 +61830,8 @@ transform. ack Shaun Morris. -->
    Text styles
    -
    context . font [ = value ]
    -
    styles . font [ = value ]
    +
    context.font [ = value ]
    +
    styles.font [ = value ]

    Returns the current font settings.

    @@ -61974,8 +61842,8 @@ transform. ack Shaun Morris. --> element.

    -
    context . textAlign [ = value ]
    -
    styles . textAlign [ = value ]
    +
    context.textAlign [ = value ]
    +
    styles.textAlign [ = value ]

    Returns the current text alignment settings.

    @@ -61983,8 +61851,8 @@ transform. ack Shaun Morris. --> below. Other values are ignored. The default is "start".

    -
    context . textBaseline [ = value ]
    -
    styles . textBaseline [ = value ]
    +
    context.textBaseline [ = value ]
    +
    styles.textBaseline [ = value ]

    Returns the current baseline alignment settings.

    @@ -61993,8 +61861,8 @@ transform. ack Shaun Morris. --> data-x="dom-context-2d-textBaseline-alphabetic">alphabetic".

    -
    context . direction [ = value ]
    -
    styles . direction [ = value ]
    +
    context.direction [ = value ]
    +
    styles.direction [ = value ]

    Returns the current directionality.

    @@ -62003,8 +61871,8 @@ transform. ack Shaun Morris. --> data-x="dom-context-2d-direction-inherit">inherit".

    -
    context . textLetterSpacing [ = value ]
    -
    styles . textLetterSpacing [ = value ]
    +
    context.textLetterSpacing [ = value ]
    +
    styles.textLetterSpacing [ = value ]

    Returns the current spacing between characters in the text.

    @@ -62012,17 +61880,17 @@ transform. ack Shaun Morris. --> apart, while negative values brings them closer together. The default is 0.

    -
    context . textWordSpacing [ = value ]
    -
    styles . textWordSpacing [ = value ]
    +
    context.textWordSpacing [ = value ]
    +
    styles.textWordSpacing [ = value ]

    Returns the current spacing between words in the text.

    -

    Can be set, to change spacing between words. Postive values spreads words further - apart, while negative values brings them closer together. The default is 0.

    +

    Can be set, to change spacing between words. Postive values spreads words further apart, + while negative values brings them closer together. The default is 0.

    -
    context . fontKerning [ = value ]
    -
    styles . fontKerning [ = value ]
    +
    context.fontKerning [ = value ]
    +
    styles.fontKerning [ = value ]

    Returns the current font kerning settings.

    @@ -62031,8 +61899,8 @@ transform. ack Shaun Morris. --> data-x="dom-context-2d-fontKerning-auto">auto".

    -
    context . fontStretch [ = value ]
    -
    styles . fontStretch [ = value ]
    +
    context.fontStretch [ = value ]
    +
    styles.fontStretch [ = value ]

    Returns the current font stretch settings.

    @@ -62041,18 +61909,18 @@ transform. ack Shaun Morris. --> data-x="dom-context-2d-fontStretch-normal">normal".

    -
    context . fontVariantCaps [ = value ]
    -
    styles . fontVariantCaps [ = value ]
    +
    context.fontVariantCaps [ = value ]
    +
    styles.fontVariantCaps [ = value ]

    Returns the current font variant caps settings.

    -

    Can be set, to change the font variant caps. The possible values and their meanings are - given below. Other values are ignored. The default is "Can be set, to change the font variant caps. The possible values and their meanings are given + below. Other values are ignored. The default is "normal".

    -
    context . textRendering [ = value ]
    -
    styles . textRendering [ = value ]
    +
    context.textRendering [ = value ]
    +
    styles.textRendering [ = value ]

    Returns the current text rendering settings.

    @@ -62656,48 +62524,45 @@ worker.postMessage(offscreenCanvas, [offscreenCanvas]);
    data-x="concept-path">path must be initialized to zero subpaths.

    +
    context.moveTo(x, y)
    +
    path.moveTo(x, y)
    -
    context . moveTo(x, y)
    -
    path . moveTo(x, y)
    +

    Creates a new subpath with the given point.

    -
    -

    Creates a new subpath with the given point.

    -
    - -
    context . closePath()
    -
    path . closePath()
    +
    context.closePath()
    +
    path.closePath()

    Marks the current subpath as closed, and starts a new subpath with a point the same as the start and end of the newly closed subpath.

    -
    context . lineTo(x, y)
    -
    path . lineTo(x, y)
    +
    context.lineTo(x, y)
    +
    path.lineTo(x, y)

    Adds the given point to the current subpath, connected to the previous one by a straight line.

    -
    context . quadraticCurveTo(cpx, cpy, x, y)
    -
    path . quadraticCurveTo(cpx, cpy, x, y)
    +
    context.quadraticCurveTo(cpx, cpy, x, y)
    +
    path.quadraticCurveTo(cpx, cpy, x, y)

    Adds the given point to the current subpath, connected to the previous one by a quadratic - Bézier curve with the given control point.

    + Bézier curve with the given control point.

    -
    context . bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
    -
    path . bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
    +
    context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
    +
    path.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
    -

    Adds the given point to the current subpath, connected to the previous one by a cubic - Bézier curve with the given control points.

    +

    Adds the given point to the current subpath, connected to the previous one by a cubic Bézier + curve with the given control points.

    -
    context . arcTo(x1, y1, x2, y2, radius)
    -
    path . arcTo(x1, y1, x2, y2, radius)
    +
    context.arcTo(x1, y1, x2, y2, radius)
    +
    path.arcTo(x1, y1, x2, y2, radius)

    Adds an arc with the given control points and radius to the current subpath, connected to the @@ -62709,9 +62574,9 @@ worker.postMessage(offscreenCanvas, [offscreenCanvas]);

    - - - + + +
    -
    context . arc(x, y, radius, startAngle, endAngle [, counterclockwise ] )
    -
    path . arc(x, y, radius, startAngle, endAngle [, counterclockwise ] )
    +
    context.arc(x, y, radius, startAngle, endAngle [, counterclockwise ])
    +
    path.arc(x, y, radius, startAngle, endAngle [, counterclockwise ])

    Adds points to the subpath such that the arc described by the circumference of the circle @@ -62867,7 +62732,7 @@ try {

    - +
    -
    context . ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, counterclockwise] )
    -
    path . ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, counterclockwise] )
    +
    context.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, counterclockwise])
    +
    path.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, counterclockwise])

    Adds points to the subpath such that the arc described by the circumference of the ellipse @@ -63034,15 +62899,13 @@ try { radius is negative.

    -
    context . rect(x, y, w, h)
    -
    path . rect(x, y, w, h)
    +
    context.rect(x, y, w, h)
    +
    path.rect(x, y, w, h)
    -
    -

    Adds a new closed subpath to the path, representing the given rectangle.

    -
    +

    Adds a new closed subpath to the path, representing the given rectangle.

    -
    context . roundRect(x, y, w, h, radii)
    -
    path . roundRect(x, y, w, h, radii)
    +
    context.roundRect(x, y, w, h, radii)
    +
    path.roundRect(x, y, w, h, radii)

    Adds a new closed subpath to the path representing the given rounded rectangle. @@ -63466,18 +63329,18 @@ try { add text to paths.

    -
    path = new Path2D()
    +
    path = new Path2D()

    Creates a new empty Path2D object.

    -
    path = new Path2D(path)
    +
    path = new Path2D(path)

    When path is a Path2D object, returns a copy.

    When path is a string, creates the path described by the argument, interpreted as SVG path data. -

    +

    -
    path . addPath(path [, transform ] )
    +
    path.addPath(path [, transform ])

    Adds to the path the path given by the argument.

    @@ -63573,61 +63436,58 @@ try {
    - -
    context . scale(x, y)
    +
    context.scale(x, y)
    -

    Changes the current transformation matrix to apply a scaling transformation - with the given characteristics.

    +

    Changes the current transformation matrix to apply a scaling transformation with + the given characteristics.

    -
    context . rotate(angle)
    +
    context.rotate(angle)

    Changes the current transformation matrix to apply a rotation transformation with the given characteristics. The angle is in radians.

    -
    context . translate(x, y)
    +
    context.translate(x, y)

    Changes the current transformation matrix to apply a translation transformation with the given characteristics.

    -
    context . transform(a, b, c, d, e, f)
    +
    context.transform(a, b, c, d, e, f)

    Changes the current transformation matrix to apply the matrix given by the arguments as described below.

    -
    matrix = context . getTransform()
    +
    matrix = context.getTransform()

    Returns a copy of the current transformation matrix, as a newly created DOMMatrix object.

    -
    context . setTransform(a, b, c, d, e, f)
    +
    context.setTransform(a, b, c, d, e, f)

    Changes the current transformation matrix to the matrix given by the arguments as described below.

    -
    context . setTransform(transform)
    +
    context.setTransform(transform)

    Changes the current transformation matrix to the matrix represented by the passed DOMMatrix2DInit dictionary.

    -
    context . resetTransform()
    +
    context.resetTransform()
    -
    -

    Changes the current transformation matrix to the identity matrix.

    -
    +

    Changes the current transformation matrix to the identity matrix.

    @@ -63916,8 +63776,7 @@ try {
    Fill and stroke styles
    - -
    context . fillStyle [ = value ]
    +
    context.fillStyle [ = value ]

    Returns the current style used for filling shapes.

    @@ -63928,7 +63787,7 @@ try { CanvasPattern object. Invalid values are ignored.

    -
    context . strokeStyle [ = value ]
    +
    context.strokeStyle [ = value ]

    Returns the current style used for stroking shapes.

    @@ -64099,8 +63958,7 @@ try { there are no stops, the gradient is transparent black.

    - -
    gradient . addColorStop(offset, color)
    +
    gradient.addColorStop(offset, color)

    Adds a color stop with the given color to the gradient at the given offset. 0.0 is the offset @@ -64111,26 +63969,24 @@ try { the color cannot be parsed.

    -
    gradient = context . createLinearGradient(x0, y0, x1, y1)
    +
    gradient = context.createLinearGradient(x0, y0, x1, y1)
    -

    Returns a CanvasGradient object that represents a - linear gradient that paints along the line given by the - coordinates represented by the arguments.

    +

    Returns a CanvasGradient object that represents a linear gradient that paints + along the line given by the coordinates represented by the arguments.

    -
    gradient = context . createRadialGradient(x0, y0, r0, x1, y1, r1)
    +
    gradient = context.createRadialGradient(x0, y0, r0, x1, y1, r1)
    -

    Returns a CanvasGradient object that represents a - radial gradient that paints along the cone given by the circles - represented by the arguments.

    +

    Returns a CanvasGradient object that represents a radial gradient that paints + along the cone given by the circles represented by the arguments.

    -

    If either of the radii are negative, throws an - "IndexSizeError" DOMException exception.

    +

    If either of the radii are negative, throws an "IndexSizeError" + DOMException exception.

    -
    gradient = context . createConicGradient(startAngle, x, y)
    +
    gradient = context.createConicGradient(startAngle, x, y)

    Returns a CanvasGradient object that represents a conic gradient that paints clockwise along the rotation around the center represented by the arguments.

    @@ -64263,8 +64119,7 @@ try { interface.

    - -
    pattern = context . createPattern(image, repetition)
    +
    pattern = context.createPattern(image, repetition)

    Returns a CanvasPattern object that uses the given image and repeats in the @@ -64272,13 +64127,14 @@ try {

    The allowed values for repetition are repeat (both directions), repeat-x (horizontal only), repeat-y - (vertical only), and no-repeat (neither). If the repetition argument is empty, the value repeat is used.

    + (vertical only), and no-repeat (neither). If the repetition + argument is empty, the value repeat is used.

    If the image isn't yet fully decoded, then nothing is drawn. If the image is a canvas with no data, throws an "InvalidStateError" DOMException.

    -
    pattern . setTransform(transform)
    +
    pattern.setTransform(transform)

    Sets the transformation matrix that will be used when rendering the pattern during a fill or @@ -64416,20 +64272,16 @@ try {

    +
    context.clearRect(x, y, w, h)
    -
    context . clearRect(x, y, w, h)
    +

    Clears all pixels on the bitmap in the given rectangle to transparent + black.

    -
    -

    Clears all pixels on the bitmap in the given rectangle to transparent black.

    -
    +
    context.fillRect(x, y, w, h)
    -
    context . fillRect(x, y, w, h)
    +

    Paints the given rectangle onto the bitmap, using the current fill style.

    -
    -

    Paints the given rectangle onto the bitmap, using the current fill style.

    -
    - -
    context . strokeRect(x, y, w, h)
    +
    context.strokeRect(x, y, w, h)

    Paints the box that outlines the given rectangle onto the bitmap, using the current stroke @@ -64504,37 +64356,35 @@ try {

    -
    context . fillText(text, x, y [, maxWidth ] )
    -
    context . strokeText(text, x, y [, maxWidth ] )
    +
    context.fillText(text, x, y [, maxWidth ])
    +
    context.strokeText(text, x, y [, maxWidth ])

    Fills or strokes (respectively) the given text at the given position. If a maximum width is provided, the text will be scaled to fit that width if necessary.

    -
    metrics = context . measureText(text)
    +
    metrics = context.measureText(text)

    Returns a TextMetrics object with the metrics of the given text in the current font.

    -
    metrics . width
    -
    metrics . actualBoundingBoxLeft
    -
    metrics . actualBoundingBoxRight
    -
    metrics . fontBoundingBoxAscent
    -
    metrics . fontBoundingBoxDescent
    -
    metrics . actualBoundingBoxAscent
    -
    metrics . actualBoundingBoxDescent
    -
    metrics . emHeightAscent
    -
    metrics . emHeightDescent
    -
    metrics . hangingBaseline
    -
    metrics . alphabeticBaseline
    -
    metrics . ideographicBaseline
    +
    metrics.width
    +
    metrics.actualBoundingBoxLeft
    +
    metrics.actualBoundingBoxRight
    +
    metrics.fontBoundingBoxAscent
    +
    metrics.fontBoundingBoxDescent
    +
    metrics.actualBoundingBoxAscent
    +
    metrics.actualBoundingBoxDescent
    +
    metrics.emHeightAscent
    +
    metrics.emHeightDescent
    +
    metrics.hangingBaseline
    +
    metrics.alphabeticBaseline
    +
    metrics.ideographicBaseline
    -
    -

    Returns the measurement described below.

    -
    +

    Returns the measurement described below.

    @@ -64740,15 +64590,12 @@ try { data-x="concept-path">path, as described above.

    +
    context.beginPath()
    -
    context . beginPath()
    +

    Resets the current default path.

    -
    -

    Resets the current default path.

    -
    - -
    context . fill( [ fillRule ] )
    -
    context . fill(path [, fillRule ] )
    +
    context.fill([ fillRule ])
    +
    context.fill(path [, fillRule ])

    Fills the subpaths of the current default path or the given path with the @@ -64756,8 +64603,8 @@ try {

    -
    context . stroke()
    -
    context . stroke(path)
    +
    context.stroke()
    +
    context.stroke(path)

    Strokes the subpaths of the current default path or the given path with the @@ -64765,8 +64612,8 @@ try {

    -
    context . clip( [ fillRule ] )
    -
    context . clip(path [, fillRule ] )
    +
    context.clip([ fillRule ])
    +
    context.clip(path [, fillRule ])

    Further constrains the clipping region to the current default path or the given @@ -64774,8 +64621,8 @@ try {

    -
    context . isPointInPath(x, y [, fillRule ] )
    -
    context . isPointInPath(path, x, y [, fillRule ] )
    +
    context.isPointInPath(x, y [, fillRule ])
    +
    context.isPointInPath(path, x, y [, fillRule ])

    Returns true if the given point is in the current default path or the given @@ -64783,8 +64630,8 @@ try {

    -
    context . isPointInStroke(x, y)
    -
    context . isPointInStroke(path, x, y)
    +
    context.isPointInStroke(x, y)
    +
    context.isPointInStroke(path, x, y)

    Returns true if the given point would be in the region covered by the stroke of the @@ -64967,9 +64814,8 @@ try {

    Drawing focus rings and scrolling paths into view
    - -
    context . drawFocusIfNeeded(element)
    -
    context . drawFocusIfNeeded(path, element)
    +
    context.drawFocusIfNeeded(element)
    +
    context.drawFocusIfNeeded(path, element)

    If the given element is focused, draws a focus ring around the current @@ -64977,8 +64823,8 @@ try {

    -
    context . scrollPathIntoView()
    -
    context . scrollPathIntoView(path)
    +
    context.scrollPathIntoView()
    +
    context.scrollPathIntoView(path)

    Scrolls the current default path or the given path into view. This is especially @@ -65086,16 +64932,18 @@ try {

    - -
    context . drawImage(image, dx, dy)
    -
    context . drawImage(image, dx, dy, dw, dh)
    -
    context . drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)
    +
    context.drawImage(image, dx, dy)
    +
    context.drawImage(image, dx, dy, dw, dh)
    +
    context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)
    -

    Draws the given image onto the canvas. The arguments are - interpreted as follows:

    +

    Draws the given image onto the canvas. The arguments are interpreted as follows:

    -

    The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle.

    +

    The sx and sy parameters give
+    the x and y coordinates of the source rectangle; the sw and sh arguments give the width and
+    height of the source rectangle; the dx and dy give the x and y coordinates of the destination
+    rectangle; and the dw and dh arguments give the width and height of the destination
+    rectangle.

    If the image isn't yet fully decoded, then nothing is drawn. If the image is a canvas with no data, throws an "InvalidStateError" DOMException.

    @@ -65213,17 +65061,17 @@ try {
    Pixel manipulation
    -
    imagedata = new ImageData(sw, sh [, settings])
    +
    imagedata = new ImageData(sw, sh [, settings])

    Returns an ImageData object with the given dimensions and the color space - indicated by settings. All the pixels in the returned object are - transparent black.

    + indicated by settings. All the pixels in the returned object are transparent + black.

    Throws an "IndexSizeError" DOMException if either of the width or height arguments are zero.

    -
    imagedata = new ImageData(data, sw [, sh [, settings ] ])
    +
    imagedata = new ImageData(data, sw [, sh [, settings ] ])

    Returns an ImageData object using the data provided in the Uint8ClampedArray argument, interpreted using the given @@ -65237,11 +65085,11 @@ try { data and dimensions can't be interpreted consistently, or if either dimension is zero.

    -
    imagedata = context . createImageData(imagedata)
    +
    imagedata = context.createImageData(imagedata)

    Returns an ImageData object with the same dimensions and color space as the argument. All the pixels in the returned object are transparent black.

    -
    imagedata = context . createImageData(sw, sh [, settings])
    +
    imagedata = context.createImageData(sw, sh [, settings])

    Returns an ImageData object with the given dimensions. The color space of the returned object is the color space of @@ -65252,7 +65100,7 @@ try { the width or height arguments are zero.

    -
    imagedata = context . getImageData(sx, sy, sw, sh [, settings])
    +
    imagedata = context.getImageData(sx, sy, sw, sh [, settings])

    Returns an ImageData object containing the image data for the given rectangle of the bitmap. The color space of the returned object is the

    -
    imagedata . width
    -
    imagedata . height
    +
    imagedata.width
    +
    imagedata.height

    Returns the actual dimensions of the data in the ImageData object, in pixels.

    -
    imagedata . data
    +
    imagedata.data

    Returns the one-dimensional array containing the data in RGBA order, as integers in the range 0 to 255.

    -
    imagedata . colorSpace
    +
    imagedata.colorSpace

    Returns the color space of the pixels.

    -
    context . putImageData(imagedata, dx, dy [, dirtyX, dirtyY, dirtyWidth, dirtyHeight ])
    +
    context.putImageData(imagedata, dx, dy [, dirtyX, dirtyY, dirtyWidth, dirtyHeight ])

    Paints the data from the given ImageData object onto the bitmap. If a dirty rectangle is provided, only the pixels from that rectangle are painted.

    @@ -65731,8 +65579,7 @@ console.log(pixels.data[2]);
    Compositing
    - -
    context . globalAlpha [ = value ]
    +
    context.globalAlpha [ = value ]

    Returns the current alpha value applied to rendering operations.

    @@ -65742,7 +65589,7 @@ console.log(pixels.data[2]);
    -
    context . globalCompositeOperation [ = value ]
    +
    context.globalCompositeOperation [ = value ]

    Returns the current composition operation, from the values defined in Compositing and @@ -65802,8 +65649,7 @@ console.log(pixels.data[2]);

    Image smoothing
    - -
    context . imageSmoothingEnabled [ = value ]
    +
    context.imageSmoothingEnabled [ = value ]

    Returns whether pattern fills and the Can be set, to change whether images are smoothed (true) or not (false).

    -
    context . imageSmoothingQuality [ = value ]
    +
    context.imageSmoothingQuality [ = value ]

    Returns the current image-smoothing-quality preference.

    @@ -65851,17 +65697,17 @@ console.log(pixels.data[2]); interface are affected by the four global shadow attributes.

    - -
    context . shadowColor [ = value ]
    +
    context.shadowColor [ = value ]

    Returns the current shadow color.

    -

    Can be set, to change the shadow color. Values that cannot be parsed as CSS colors are ignored.

    +

    Can be set, to change the shadow color. Values that cannot be parsed as CSS colors are + ignored.

    -
    context . shadowOffsetX [ = value ]
    -
    context . shadowOffsetY [ = value ]
    +
    context.shadowOffsetX [ = value ]
    +
    context.shadowOffsetY [ = value ]

    Returns the current shadow offset.

    @@ -65869,7 +65715,7 @@ console.log(pixels.data[2]);

    Can be set, to change the shadow offset. Values that are not finite numbers are ignored.

    -
    context . shadowBlur [ = value ]
    +
    context.shadowBlur [ = value ]

    Returns the current level of blur applied to shadows.

    @@ -65980,8 +65826,7 @@ console.log(pixels.data[2]); data-x="dom-context-2d-filter">filter
    attribute.

    - -
    context . filter [ = value ]
    +
    context.filter [ = value ]

    Returns the current filter.

    @@ -66269,10 +66114,7 @@ dictionary ImageBitmapRenderingContextSettings { };
    - -
    context = canvas . getContext('bitmaprenderer' [, { [ alpha: false ] } ] )
    +
    context = canvas.getContext('bitmaprenderer' [, { [ alpha: false ] } ])

    Returns an ImageBitmapRenderingContext object that is permanently bound to a @@ -66282,15 +66124,11 @@ dictionary ImageBitmapRenderingContextSettings { provided and set to false, then the canvas is forced to always be opaque.

    -
    context . canvas
    +
    context.canvas
    -
    -

    Returns the canvas element that the context is bound to.

    -
    +

    Returns the canvas element that the context is bound to.

    -
    context . transferFromImageBitmap(imageBitmap)
    +
    context.transferFromImageBitmap(imageBitmap)

    Transfers the underlying bitmap data @@ -66298,12 +66136,11 @@ dictionary ImageBitmapRenderingContextSettings { canvas element to which context is bound.

    -
    context . transferFromImageBitmap(null)
    +
    context.transferFromImageBitmap(null)
    -

    Replaces contents of the canvas element to which context - is bound with a transparent black bitmap whose size corresponds to the Replaces contents of the canvas element to which context is bound + with a transparent black bitmap whose size corresponds to the width and height content attributes of the canvas element.

    @@ -66520,27 +66357,25 @@ interface OffscreenCanvas : EventTarget { for offscreen canvases is defined in this specification.

    -
    offscreenCanvas = new OffscreenCanvas(width, - height)
    +
    offscreenCanvas = new OffscreenCanvas(width, + height)

    Returns a new OffscreenCanvas object that is not linked to a placeholder canvas element, and - whose bitmap's size is determined by the width and height arguments.

    + data-x="offscreencanvas-placeholder">placeholder canvas element, and whose + bitmap's size is determined by the width and height arguments.

    -
    context = offscreenCanvas . getContext(contextId [, - options ] )
    +
    context = offscreenCanvas.getContext(contextId [, + options ])
    -

    Returns an object that exposes an API for drawing on the OffscreenCanvas - object. contextId specifies the desired API: "Returns an object that exposes an API for drawing on the OffscreenCanvas object. + contextId specifies the desired API: "2d", "bitmaprenderer", "webgl", "webgl2", or "webgpu". options is handled by - that API.

    + data-x="offscreen-context-type-webgpu">webgpu". options is handled by that + API.

    This specification defines the "2d" context below, which is similar but distinct from the "2d" @@ -66756,11 +66591,11 @@ interface OffscreenCanvas : EventTarget {

    -
    offscreenCanvas . width [ - = value ]
    +
    offscreenCanvas.width [ + = value ]
    -
    offscreenCanvas . height [ - = value ]
    +
    offscreenCanvas.height [ + = value ]

    These attributes return the dimensions of the OffscreenCanvas object's OffscreenCanvas : EventTarget { object's rendering context.

    -
    promise = offscreenCanvas . convertToBlob( [options] )
    +
    promise = offscreenCanvas.convertToBlob([options])

    Returns a promise that will fulfill with a new Blob object representing a file containing the image in the OffscreenCanvas object.

    The argument, if provided, is a dictionary that controls the encoding options of the image - file to be created. The type - field specifies the file format and has a default value of "image/png"; that type - is also used if the requested type isn't supported. If the image format supports variable - quality (such as "image/jpeg"), then the quality field is a number in the range 0.0 - to 1.0 inclusive indicating the desired quality level for the resulting image.

    + file to be created. The type field specifies the + file format and has a default value of "image/png"; that type is also used if the + requested type isn't supported. If the image format supports variable quality (such as + "image/jpeg"), then the quality + field is a number in the range 0.0 to 1.0 inclusive indicating the desired quality level for the + resulting image.

    -
    canvas . transferToImageBitmap()
    +
    canvas.transferToImageBitmap()

    Returns a newly created ImageBitmap object with the image in the @@ -66986,23 +66819,19 @@ interface OffscreenCanvasRenderingContext2D { from which the OffscreenCanvasRenderingContext2D object was created.

    - -
    offscreenCanvasRenderingContext2D . commit()
    +
    offscreenCanvasRenderingContext2D.commit()
    -

    Copies the rendering context's bitmap to - the bitmap of the placeholder canvas +

    Copies the rendering context's bitmap to the + bitmap of the placeholder canvas element of the associated OffscreenCanvas object. The copy operation is synchronous. Calling this method is not needed for the transfer, since it happens automatically during the event loop execution.

    -
    offscreenCanvas = offscreenCanvasRenderingContext2D . canvas
    +
    offscreenCanvas = offscreenCanvasRenderingContext2D.canvas
    -
    -

    Returns the associated OffscreenCanvas object.

    -
    +

    Returns the associated OffscreenCanvas object.

    @@ -68203,17 +68032,15 @@ dictionary ElementDefinitionOptions {
    -
    window . customElements . define(name, - constructor)
    +
    window.customElements.define(name, + constructor)
    Defines a new custom element, mapping the given name to the given constructor as an autonomous custom element.
    -
    window . customElements . define(name, constructor, - { extends: baseLocalName })
    +
    window.customElements.define(name, constructor, + { extends: baseLocalName })
    Defines a new custom element, mapping the given name to the given constructor as a customized built-in element for the element type identified by the @@ -68221,16 +68048,12 @@ dictionary ElementDefinitionOptions { DOMException will be thrown upon trying to extend a custom element or an unknown element.
    -
    window . customElements . get(name)
    +
    window.customElements.get(name)
    -
    Retrieves the custom element constructor defined for the given name. Returns undefined if there is no - custom element definition with the given name.
    +
    Retrieves the custom element constructor defined for the given name. Returns undefined if there is no + custom element definition with the given name.
    -
    window . customElements . whenDefined(name)
    +
    window.customElements.whenDefined(name)
    Returns a promise that will be fulfilled with the custom element's constructor when a custom element becomes defined with the given name. (If such a custom @@ -68238,8 +68061,7 @@ dictionary ElementDefinitionOptions { promise rejected with a "SyntaxError" DOMException if not given a valid custom element name.
    -
    window . customElements . upgrade(root)
    +
    window.customElements.upgrade(root)
    Tries to upgrade all shadow-including inclusive descendant elements of root, even if they are not @@ -69062,7 +68884,7 @@ customElements.define("x-foo", class extends HTMLElement { control over internal features which the user agent provides to all elements.

    -
    element . attachInternals()
    +
    element.attachInternals()

    Returns an ElementInternals object targeting the custom element element. Throws an exception if element is not a custom @@ -69161,11 +68983,10 @@ dictionary ValidityStateFlags {

    Shadow root access
    -
    internals . shadowRoot
    -

    Returns the ShadowRoot for internals's - target element, if the - target element is a shadow host, or null - otherwise.

    +
    internals.shadowRoot
    +

    Returns the ShadowRoot for internals's target element, if the target + element is a shadow host, or null otherwise.

    @@ -69191,17 +69012,17 @@ dictionary ValidityStateFlags {
    Form-associated custom elements
    -
    internals . setFormValue(value)
    +
    internals.setFormValue(value)
    -

    Sets both the state and - submission value of internals's - target element to value.

    +

    Sets both the state and submission value of internals's target element to value.

    If value is null, the element won't participate in form submission.

    -
    internals . setFormValue(value, - state)
    +
    internals.setFormValue(value, + state)

    Sets the submission value of internals's target element to @@ -69210,12 +69031,12 @@ dictionary ValidityStateFlags {

    If value is null, the element won't participate in form submission.

    -
    internals . form
    -

    Returns the form owner of internals's - target element.

    +
    internals.form
    +

    Returns the form owner of internals's target element.

    -
    internals . setValidity(flags, - message [, anchor ])
    +
    internals.setValidity(flags, + message [, anchor ])

    Marks internals's target element as suffering from the constraints indicated by the flags argument, and sets the element's validation message to message. If anchor is specified, the user agent might @@ -69224,40 +69045,39 @@ dictionary ValidityStateFlags { interactively or reportValidity() is called.

    -
    internals . setValidity({})
    +
    internals.setValidity({})

    Marks internals's target element as satisfying its constraints.

    -
    internals . - willValidate
    +
    internals . + willValidate
    -

    Returns true if internals's - target element will be validated when the form is - submitted; false otherwise.

    +

    Returns true if internals's target + element will be validated when the form is submitted; false otherwise.

    -
    internals . validity
    -

    Returns the ValidityState object for internals's - target element.

    +
    internals.validity
    +

    Returns the ValidityState object for internals's target element.

    -
    internals . - validationMessage
    -

    Returns the error message that would be shown to the user if internals's - target element was to be checked for validity.

    +
    internals . + validationMessage
    +

    Returns the error message that would be shown to the user if internals's target element was to be checked for validity.

    -
    valid = internals . - checkValidity()
    +
    valid = internals . + checkValidity()

    Returns true if internals's target element has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.

    -
    valid = internals . - reportValidity()
    +
    valid = internals . + reportValidity()

    Returns true if internals's target element has no validity problems; otherwise, returns false, fires an invalid event at the element, and (if the event isn't canceled) reports the problem to the user.

    -
    internals . labels
    +
    internals.labels

    Returns a NodeList of all the label elements that internals's target element is associated with.

    @@ -69433,12 +69253,12 @@ dictionary ValidityStateFlags {
    Accessibility semantics
    -
    internals . role [ = value ]
    +
    internals.role [ = value ]

    Sets or retrieves the default ARIA role for internals's target element, which will be used unless the page author overrides it using the role attribute.

    -
    internals . aria* [ = value ]
    +
    internals.aria* [ = value ]

    Sets or retrieves various default ARIA states or property values for internals's target element, which will be used unless the page author overrides them using the aria-* @@ -74327,12 +74147,9 @@ END:VCARD -->

    +
    element.click()
    -
    element . click()
    - -
    -

    Acts as if the element was clicked.

    -
    +

    Acts as if the element was clicked.

    @@ -75560,9 +75377,7 @@ END:VCARD };
    - -
    documentOrShadowRoot . activeElement
    +
    documentOrShadowRoot.activeElement

    Returns the deepest element in the document through which or to which key events are being @@ -75576,22 +75391,21 @@ END:VCARD iframe's node document.

    Similarly, when the focused element is in a different node tree than - documentOrShadowRoot, the element returned will be the - host that's located in the same - node tree as documentOrShadowRoot if documentOrShadowRoot - is a shadow-including inclusive ancestor of the focused element, and null if - not.

    + documentOrShadowRoot, the element returned will be the host that's located in the same node + tree as documentOrShadowRoot if documentOrShadowRoot is a + shadow-including inclusive ancestor of the focused element, and null if not.

    -
    document . hasFocus()
    +
    document.hasFocus()

    Returns true if key events are being routed through or to the document; otherwise, returns - false. Roughly speaking, this corresponds to the document, or a document nested inside this - one, being focused.

    + false. Roughly speaking, this corresponds to the document, or a document nested inside this one, + being focused.

    -
    window . focus()
    +
    window.focus()
    @@ -75600,15 +75414,12 @@ END:VCARD
    -
    element . focus([ { preventScroll: true } ])
    +
    element.focus([ { preventScroll: true } ])

    Moves the focus to the element.

    @@ -75621,7 +75432,7 @@ END:VCARD prevents this behavior.

    -
    element . blur()
    +
    element.blur()

    Moves the focus to the viewport. Use of this method is discouraged; if you want @@ -75641,8 +75452,8 @@ END:VCARD

    -

    For example, to hide the outline from textarea elements and instead use - a yellow background to indicate focus, you could use:

    +

    For example, to hide the outline from textarea elements and instead use a + yellow background to indicate focus, you could use:

    textarea:focus-visible { outline: none; background: yellow; color: black; }
    @@ -76231,8 +76042,7 @@ body { display:none }
    - -
    element . contentEditable [ = value ]
    +
    element.contentEditable [ = value ]

    Returns "true", "false", or "

    -
    element . isContentEditable
    +
    element.isContentEditable
    -
    -

    Returns true if the element is editable; otherwise, returns false.

    -
    +

    Returns true if the element is editable; otherwise, returns false.

    @@ -76280,7 +76088,7 @@ body { display:none } editable: the designMode getter and setter
    -
    document . designMode [ = value ]
    +
    document.designMode [ = value ]

    Returns "on" if the document is editable, and "off" if it isn't.

    @@ -76444,8 +76252,7 @@ body { display:none }
    - -
    element . spellcheck [ = value ]
    +
    element.spellcheck [ = value ]

    Returns true if the element is to have its spelling and grammar checked; otherwise, returns @@ -76699,7 +76506,7 @@ body { display:none } state.

    -
    element . autocapitalize [ = value ]
    +
    element.autocapitalize [ = value ]

    Returns the current autocapitalization state for the element, or an empty string if it hasn't @@ -77349,15 +77156,14 @@ interface DataTransfer { };

    - -
    dataTransfer = new DataTransfer()
    +
    dataTransfer = new DataTransfer()

    Creates a new DataTransfer object with an empty drag data store.

    -
    dataTransfer . dropEffect [ = value ]
    +
    dataTransfer.dropEffect [ = value ]

    Returns the kind of operation that is currently selected. If the kind of operation isn't one @@ -77374,7 +77180,7 @@ interface DataTransfer {

    -
    dataTransfer . effectAllowed [ = value ]
    +
    dataTransfer.effectAllowed [ = value ]

    Returns the kinds of operations that are to be allowed.

    @@ -77394,14 +77200,12 @@ interface DataTransfer {
    -
    dataTransfer . items
    +
    dataTransfer.items
    -
    -

    Returns a DataTransferItemList object, with the drag data.

    -
    +

    Returns a DataTransferItemList object, with the drag data.

    -
    dataTransfer . setDragImage(element, x, y)
    +
    dataTransfer.setDragImage(element, x, y)

    Uses the given element to update the drag feedback, replacing any previously specified @@ -77409,7 +77213,7 @@ interface DataTransfer {

    -
    dataTransfer . types
    +
    dataTransfer.types

    Returns a frozen array listing the formats that were set in the DataTransfer {

    -
    data = dataTransfer . getData(format)
    +
    data = dataTransfer.getData(format)
    -
    -

    Returns the specified data. If there is no such data, returns the empty string.

    -
    +

    Returns the specified data. If there is no such data, returns the empty string.

    -
    dataTransfer . setData(format, data)
    +
    dataTransfer.setData(format, data)
    -
    -

    Adds the specified data.

    -
    +

    Adds the specified data.

    -
    dataTransfer . clearData( [ format ] )
    +
    dataTransfer.clearData([ format ])
    -
    -

    Removes the data of the specified formats. Removes all data if the argument is omitted.

    -
    +

    Removes the data of the specified formats. Removes all data if the argument is + omitted.

    -
    dataTransfer . files
    +
    dataTransfer.files
    -
    -

    Returns a FileList of the files being dragged, if any.

    -
    +

    Returns a FileList of the files being dragged, if any.

    DataTransfer objects that are created as part of DataTransferItem? - -

    items . length
    +
    items.length

    Returns the number of items in the drag data store.

    -
    items[index]
    +
    items[index]
    -

    Returns the DataTransferItem object representing the indexth - entry in the drag data store.

    +

    Returns the DataTransferItem object representing the indexth entry in + the drag data store.

    -
    items . remove(index)
    +
    items.remove(index)
    -
    -

    Removes the indexth entry in the drag data store.

    -
    +

    Removes the indexth entry in the drag data store.

    -
    items . clear()
    +
    items.clear()
    -
    -

    Removes all the entries in the drag data store.

    -
    +

    Removes all the entries in the drag data store.

    -
    items . add(data)
    -
    items . add(data, type)
    +
    items.add(data)
    +
    items.add(data, type)

    Adds a new entry for the given data to the drag data store. If the data is plain - text then a type string has to be provided - also.

    + text then a type string has to be provided also.

    @@ -77906,38 +77697,37 @@ callback FunctionStringCallback = undefined (DOMString data) callback FunctionObjectCallback = undefined (any data);-->
    - -
    item . kind
    +
    item.kind
    -

    Returns the drag data item kind, one of: "string", - "file".

    +

    Returns the drag data item kind, one of: "string", + "file".

    -
    item . type
    -
    -

    Returns the drag data item type string.

    -
    +
    item.type
    +

    Returns the drag data item type string.

    -
    item . getAsString(callback)
    +
    item.getAsString(callback)

    Invokes the callback with the string data as the argument, if the drag data item kind is text.

    -
    file = item . getAsFile()
    +
    file = item.getAsFile()
    -

    Returns a File object, if the drag data item kind is File.

    +

    Returns a File object, if the drag data item kind is + File.

    - -
    element . draggable [ = value ]
    +
    element.draggable [ = value ]

    Returns true if the element is draggable; otherwise, returns false.

    -

    Can be set, to override the default and set the draggable - content attribute.

    +

    Can be set, to override the default and set the draggable content attribute.

    @@ -79612,12 +79398,11 @@ popup4.close();
    the DOM
    -
    window . top
    -
    -

    Returns the WindowProxy for the top-level browsing context.

    -
    +
    window.top
    +

    Returns the WindowProxy for the top-level browsing + context.

    -
    window . opener [ = value ]
    +
    window.opener [ = value ]

    Returns the WindowProxy for the opener browsing context.

    @@ -79626,12 +79411,11 @@ popup4.close();

    Can be set to null.

    -
    window . parent
    -
    -

    Returns the WindowProxy for the parent browsing context.

    -
    +
    window.parent
    +

    Returns the WindowProxy for the parent browsing + context.

    -
    window . frameElement
    +
    window.frameElement

    Returns the Element for the browsing context container.

    @@ -80640,24 +80424,18 @@ dictionary WindowPostMessageOptions : PostMessageOpt };
    -
    window . window
    -
    window . frames
    -
    window . self
    -
    -

    These attributes all return window.

    -
    +
    window.window
    +
    window.frames
    +
    window.self
    +

    These attributes all return window.

    -
    window . document
    -
    -

    Returns the Document associated with window.

    -
    +
    window.document
    +

    Returns the Document associated with window.

    -
    document . defaultView
    -
    -

    Returns the Window object of the active document.

    -
    +
    document.defaultView
    +

    Returns the Window object of the active document.

    @@ -80715,8 +80493,7 @@ dictionary WindowPostMessageOptions : PostMessageOpt

    APIs for creating and navigating browsing contexts by name

    - -
    window = window . open( [ url [, target [, features ] ] ] )
    +
    window = window.open([ url [, target [, features ] ] ])

    Opens a window to show url (defaults to about:blank), and returns it. @@ -80725,7 +80502,7 @@ dictionary WindowPostMessageOptions : PostMessageOpt rendering of the new window.

    -
    window . name [ = value ]
    +
    window.name [ = value ]

    Returns the name of the window.

    @@ -80733,23 +80510,17 @@ dictionary WindowPostMessageOptions : PostMessageOpt

    Can be set, to change the name.

    -
    window . close()
    +
    window.close()
    -
    -

    Closes the window.

    -
    +

    Closes the window.

    -
    window . closed
    +
    window.closed
    -
    -

    Returns true if the window has been closed, false otherwise.

    -
    +

    Returns true if the window has been closed, false otherwise.

    -
    window . stop()
    +
    window.stop()
    -
    -

    Cancels the document load.

    -
    +

    Cancels the document load.

    @@ -81088,19 +80859,16 @@ dictionary WindowPostMessageOptions : PostMessageOpt

    Accessing other browsing contexts

    - -
    window . length
    +
    window.length
    -

    Returns the number of document-tree child browsing contexts.

    +

    Returns the number of document-tree child + browsing contexts.

    -
    window[index]
    +
    window[index]
    -
    -

    Returns the indicated document-tree child browsing context.

    -
    +

    Returns the indicated document-tree child browsing context.

    @@ -81134,8 +80902,7 @@ dictionary WindowPostMessageOptions : PostMessageOpt

    Named access on the Window object

    - -
    window[name]
    +
    window[name]

    Returns the indicated element or collection of elements.

    @@ -81361,35 +81128,23 @@ interface BarProp { };
    -
    window . locationbar . visible
    -
    -

    Returns true if the location bar is visible; otherwise, returns false.

    -
    +
    window.locationbar.visible
    +

    Returns true if the location bar is visible; otherwise, returns false.

    -
    window . menubar . visible
    -
    -

    Returns true if the menu bar is visible; otherwise, returns false.

    -
    +
    window.menubar.visible
    +

    Returns true if the menu bar is visible; otherwise, returns false.

    -
    window . personalbar . visible
    -
    -

    Returns true if the personal bar is visible; otherwise, returns false.

    -
    +
    window.personalbar.visible
    +

    Returns true if the personal bar is visible; otherwise, returns false.

    -
    window . scrollbars . visible
    -
    -

    Returns true if the scrollbars are visible; otherwise, returns false.

    -
    +
    window.scrollbars.visible
    +

    Returns true if the scrollbars are visible; otherwise, returns false.

    -
    window . statusbar . visible
    -
    -

    Returns true if the status bar is visible; otherwise, returns false.

    -
    +
    window.statusbar.visible
    +

    Returns true if the status bar is visible; otherwise, returns false.

    -
    window . toolbar . visible
    -
    -

    Returns true if the toolbar is visible; otherwise, returns false.

    -
    +
    window.toolbar.visible
    +

    Returns true if the toolbar is visible; otherwise, returns false.

    @@ -82209,8 +81964,7 @@ interface BarProp {

    Relaxing the same-origin restriction

    - -
    document . domain [ = domain ]
    +
    document.domain [ = domain ]

    Returns the current domain used for security checks.

    @@ -82445,7 +82199,7 @@ interface BarProp {

    Origin-keyed agent clusters

    -
    window . originAgentCluster
    +
    window.originAgentCluster

    Returns true if this Window belongs to an agent cluster which is @@ -84696,14 +84450,11 @@ interface History { };

    +
    window.history.length
    -
    window . history . length
    +

    Returns the number of entries in the joint session history.

    -
    -

    Returns the number of entries in the joint session history.

    -
    - -
    window . history . scrollRestoration [ = value ]
    +
    window.history.scrollRestoration [ = value ]

    Returns the scroll restoration mode of the @@ -84713,23 +84464,22 @@ interface History { mode of the current entry in the session history.

    -
    window . history . state
    +
    window.history.state
    -
    -

    Returns the current serialized state, deserialized into an object.

    -
    +

    Returns the current serialized state, deserialized into an object.

    -
    window . history . go( [ delta ] )
    +
    window.history.go([ delta ])
    -

    Goes back or forward the specified number of steps in the joint session history.

    +

    Goes back or forward the specified number of steps in the joint session + history.

    A zero delta will reload the current page.

    If the delta is out of range, does nothing.

    -
    window . history . back()
    +
    window.history.back()

    Goes back one step in the joint session history.

    @@ -84737,7 +84487,7 @@ interface History {

    If there is no previous page, does nothing.

    -
    window . history . forward()
    +
    window.history.forward()

    Goes forward one step in the joint session history.

    @@ -84745,7 +84495,7 @@ interface History {

    If there is no next page, does nothing.

    -
    window . history . pushState(data, ""[, url])
    +
    window.history.pushState(data, ""[, url])

    Pushes the given data onto the session history, and, if provided and not null, the given URL. @@ -84753,7 +84503,7 @@ interface History { string is traditional.)

    -
    window . history . replaceState(data, ""[, url])
    +
    window.history.replaceState(data, ""[, url])

    Updates the current entry in the session history to have the given data, and if provided and @@ -85344,9 +85094,8 @@ State: <OUTPUT NAME=I>1</OUTPUT> <INPUT VALUE="Increment" TYPE=BUTTON O

    - -
    document . location [ = value ]
    -
    window . location [ = value ]
    +
    document.location [ = value ]
    +
    window.location [ = value ]

    Returns a Location object with the current page's location.

    @@ -85394,82 +85143,82 @@ interface Location { // but see also -
    location . toString()
    -
    location . href
    +
    location.toString()
    +
    location.href

    Returns the Location object's URL.

    +

    Can be set, to navigate to the given URL.

    -
    location . origin
    -
    -

    Returns the Location object's URL's origin.

    -
    +
    location.origin
    +

    Returns the Location object's URL's origin.

    -
    location . protocol
    +
    location.protocol

    Returns the Location object's URL's scheme.

    +

    Can be set, to navigate to the same URL with a changed scheme.

    -
    location . host
    +
    location.host

    Returns the Location object's URL's host and port (if different from the default port for the scheme).

    +

    Can be set, to navigate to the same URL with a changed host and port.

    -
    location . hostname
    +
    location.hostname

    Returns the Location object's URL's host.

    +

    Can be set, to navigate to the same URL with a changed host.

    -
    location . port
    +
    location.port

    Returns the Location object's URL's port.

    +

    Can be set, to navigate to the same URL with a changed port.

    -
    location . pathname
    +
    location.pathname

    Returns the Location object's URL's path.

    +

    Can be set, to navigate to the same URL with a changed path.

    -
    location . search
    +
    location.search

    Returns the Location object's URL's query (includes leading "?" if non-empty).

    +

    Can be set, to navigate to the same URL with a changed query (ignores leading "?").

    -
    location . hash
    +
    location.hash

    Returns the Location object's URL's fragment (includes leading "#" if non-empty).

    +

    Can be set, to navigate to the same URL with a changed fragment (ignores leading "#").

    -
    location . assign(url)
    -
    -

    Navigates to the given URL.

    -
    +
    location.assign(url)
    +

    Navigates to the given URL.

    -
    location . replace(url)
    -
    -

    Removes the current page from the session history and navigates to the given URL.

    -
    +
    location.replace(url)
    +

    Removes the current page from the session history and navigates to the given URL.

    -
    location . reload()
    +
    location.reload()
    -
    -

    Reloads the current page.

    -
    +

    Reloads the current page.

    -
    location . ancestorOrigins
    +
    location.ancestorOrigins

    Returns a DOMStringList object listing the origins of the ancestor browsing contexts, from the parent browsing @@ -88473,14 +88222,11 @@ dictionary PopStateEventInit : EventInit { };

    +
    event.state
    -
    event . state
    - -
    -

    Returns a copy of the information that was provided to pushState() or replaceState().

    -
    +

    Returns a copy of the information that was provided to pushState() or replaceState().

    @@ -88509,8 +88255,7 @@ dictionary HashChangeEventInit : EventInit { };
    - -
    event . oldURL
    +
    event.oldURL

    Returns the URL of the session history entry that was previously @@ -88518,7 +88263,7 @@ dictionary HashChangeEventInit : EventInit {

    -
    event . newURL
    +
    event.newURL

    Returns the URL of the session history entry that is now @@ -88555,8 +88300,7 @@ dictionary PageTransitionEventInit : EventInit

    - -
    event . persisted
    +
    event.persisted

    For the pageshow event, returns false if the page is @@ -88572,10 +88316,13 @@ dictionary PageTransitionEventInit : EventInit

  • The user agent decided to not keep the Document alive in a session - history entry after unload -
  • Having iframes that are not salvageable -
  • Active WebSocket objects -
  • Aborting a Document + history entry after unload
  • + +
  • Having iframes that are not salvageable
  • + +
  • Active WebSocket objects
  • + +
  • Aborting a Document
  • @@ -91940,7 +91687,7 @@ document.querySelector("button").addEventListener("click", bound);
    Runtime script errors
    -
    self . reportError( e )
    +
    self.reportError(e)

    Dispatches an error event at the global object for the given value e, in the same fashion as an unhandled exception.

    @@ -92513,7 +92260,7 @@ dictionary PromiseRejectionEventInit : EventInitscript element.

    -
    modulePromise = import(specifier)
    +
    modulePromise = import(specifier)

    Returns a promise for the module namespace object for the module script @@ -92531,7 +92278,7 @@ dictionary PromiseRejectionEventInit : EventInit

    -
    url = import . meta . url
    +
    url = import.meta .url

    Returns the active module script's WindowOrWorkerGlobalScope { WorkerGlobalScope includes WindowOrWorkerGlobalScope;

    -
    self . isSecureContext
    +
    self.isSecureContext

    Returns whether or not this global object represents a secure context.

    -
    self . origin
    +
    self.origin

    Returns the global object's origin, serialized as string.

    -
    self . crossOriginIsolated
    +
    self.crossOriginIsolated

    Returns whether scripts running in this global are allowed to use APIs that require cross-origin isolation. This depends on the `Cross-Origin-Opener-Policy` and @@ -95136,8 +94883,7 @@ document.body.appendChild(frame) input and output of these functions are Unicode strings.

    - -
    result = self . btoa( data )
    +
    result = self.btoa(data)

    Takes the input data, in the form of a Unicode string containing only characters in the range @@ -95148,7 +94894,7 @@ document.body.appendChild(frame) exception if the input string contains any out-of-range characters.

    -
    result = self . atob( data )
    +
    result = self.atob(data)

    Takes the input data, in the form of a Unicode string containing base64-encoded binary data, @@ -95211,7 +94957,7 @@ document.body.appendChild(frame)

    Opening the input stream

    -
    document = document . open( )
    +
    document = document.open()

    Causes the Document to be replaced in-place, as if it was a new Document object, but reusing the previous object, which is then returned.

    @@ -95228,7 +94974,7 @@ document.body.appendChild(frame) parser is currently executing a custom element constructor.

    -
    window = document . open( url, name, features )
    +
    window = document.open(url, name, features)

    Works like the window.open() method.

    @@ -95394,8 +95140,7 @@ document.body.appendChild(frame)

    Closing the input stream

    - -
    document . close()
    +
    document.close()

    Closes the input stream that was opened by the

    document.write()

    - -
    document . write(text...)
    +
    document.write(...text)

    In general, adds the given string(s) to the Document's input stream.

    @@ -95453,10 +95197,8 @@ document.body.appendChild(frame)
    affect the state of the HTML parser while the parser is running, resulting in a DOM that does not correspond to the source of the document (e.g. if the string written is the string "<plaintext>" or "<!--"). In other cases, - the call can clear the current page first, as if document.open() had been called. In yet more cases, the method - is simply ignored, or throws an exception. Users agents are explicitly allowed to avoid executing + the call can clear the current page first, as if document.open() had been called. In yet more cases, the method + is simply ignored, or throws an exception. Users agents are explicitly allowed to avoid executing script elements inserted via this method. And to make matters even worse, the exact behavior of this method can in some cases be dependent on network latency -
    -

    Cancels the timeout set with setTimeout() or setInterval() identified by handle.

    -
    +

    Cancels the timeout set with setTimeout() or setInterval() identified by handle.

    -
    handle = self . setInterval( handler [, timeout [, arguments... ] ] )
    +
    handle = self.setInterval(handler [, timeout [, ...arguments ] ])
    -

    Schedules a timeout to run handler every timeout - milliseconds. Any arguments are passed straight through to the handler.

    +

    Schedules a timeout to run handler every timeout milliseconds. Any + arguments are passed straight through to the handler.

    -
    handle = self . setInterval( code [, timeout ] )
    +
    handle = self.setInterval(code [, timeout ])
    -

    Schedules a timeout to compile and run code every timeout milliseconds.

    +

    Schedules a timeout to compile and run code every timeout + milliseconds.

    -
    self . clearInterval( handle )
    +
    self.clearInterval(handle)
    -
    -

    Cancels the timeout set with setInterval() or setTimeout() identified by handle.

    -
    +

    Cancels the timeout set with setInterval() or setTimeout() identified by handle.

    Timers can be nested; after five such nested timers, however, the interval is @@ -96044,8 +95780,7 @@ scheduleWork(); // queues a task to do lots of work

    Microtask queuing

    -
    self . queueMicrotask(callback)
    +
    self.queueMicrotask(callback)

    Queues a microtask to run the given callback.

    @@ -96176,19 +95911,17 @@ function sendData(data) {

    Simple dialogs

    +
    window.alert(message)
    +

    Displays a modal alert with the given message, and waits for the user to dismiss + it.

    -
    window . alert(message)
    -
    -

    Displays a modal alert with the given message, and waits for the user to dismiss it.

    -
    - -
    result = window . confirm(message)
    +
    result = window.confirm(message)

    Displays a modal OK/Cancel prompt with the given message, waits for the user to dismiss it, and returns true if the user clicks OK and false if the user clicks Cancel.

    -
    result = window . prompt(message [, default] )
    +
    result = window.prompt(message [, default])

    Displays a modal text control prompt with the given message, waits for the user to dismiss it, and returns the value that the user entered. If the user cancels the prompt, then returns @@ -96320,12 +96053,9 @@ function sendData(data) {

    Printing

    +
    window.print()
    -
    window . print()
    - -
    -

    Prompts the user to print the page.

    -
    +

    Prompts the user to print the page.

    @@ -96482,42 +96212,33 @@ interface Navigator { and unknown versions should always be assumed to be fully compliant.

    -
    self . navigator . appCodeName
    +
    self.navigator.appCodeName

    Returns the string "Mozilla".

    -
    self . navigator . appName
    +
    self.navigator.appName

    Returns the string "Netscape".

    -
    self . navigator . appVersion
    +
    self.navigator.appVersion

    Returns the version of the browser.

    -
    self . navigator . platform
    +
    self.navigator.platform

    Returns the name of the platform.

    -
    self . navigator . product
    +
    self.navigator.product

    Returns the string "Gecko".

    -
    window . navigator . productSub
    +
    window.navigator.productSub

    Returns either the string "20030107", or the string "20100101".

    -
    self . navigator . userAgent
    +
    self.navigator.userAgent

    Returns the complete `User-Agent` header.

    -
    window . navigator . vendor
    +
    window.navigator.vendor

    Returns either the empty string, the string "Apple Computer, Inc.", or the string "Google Inc.".

    -
    window . navigator . vendorSub
    +
    window.navigator.vendorSub

    Returns the empty string.

    @@ -96631,12 +96352,10 @@ interface Navigator { };
    -
    self . navigator . language
    +
    self.navigator.language

    Returns a language tag representing the user's preferred language.

    -
    self . navigator . languages
    +
    self.navigator.languages

    Returns an array of language tags representing the user's preferred languages, with the most preferred language first.

    @@ -96721,8 +96440,7 @@ interface Navigator { };
    -
    self . navigator . onLine
    +
    self.navigator.onLine

    Returns false if the user agent is definitely offline (disconnected from the network). @@ -96788,7 +96506,7 @@ interface Navigator { };

    -
    window . navigator . registerProtocolHandler(scheme, url)
    +
    window.navigator.registerProtocolHandler(scheme, url)

    Registers a handler for scheme at url. For example, an online telephone messaging service could register itself as a handler of the %s" string is missing in url.

    -
    window . navigator . unregisterProtocolHandler(scheme, url)
    +
    window.navigator.unregisterProtocolHandler(scheme, url)

    Unregisters the handler given by the arguments.

    @@ -97054,12 +96772,9 @@ interface Navigator { };
    +
    window.navigator.cookieEnabled
    -
    window . navigator . cookieEnabled
    - -
    -

    Returns false if setting a cookie will be ignored, and true otherwise.

    -
    +

    Returns false if setting a cookie will be ignored, and true otherwise.

    @@ -97074,11 +96789,12 @@ interface Navigator {
    PDF viewing support
    -
    window . navigator . pdfViewerEnabled
    +
    window.navigator.pdfViewerEnabled

    Returns true if the user agent supports inline viewing of PDF files when navigating to them, or false otherwise. In the latter case, PDF files - will be handled by external software.

    + will be handled by external + software.

    interface mixin NavigatorPlugins {
    @@ -97396,14 +97112,13 @@ dictionary ImageBitmapOptions {
       system RAM, the latency is probably acceptable.

    - -
    promise = self . createImageBitmap(image [, options ])
    -
    promise = self . createImageBitmap(image, sx, sy, sw, sh [, options ])
    +
    promise = self.createImageBitmap(image [, options ])
    +
    promise = self.createImageBitmap(image, sx, sy, sw, sh [, options ])

    Takes image, which can be an img element, an SVG - image element, a video element, a canvas - element, a Blob object, an ImageData object, or another + image element, a video element, a canvas element, + a Blob object, an ImageData object, or another ImageBitmap object, and returns a promise that is resolved when a new ImageBitmap is created.

    @@ -97415,12 +97130,12 @@ dictionary ImageBitmapOptions { transparent black. These coordinates are in the source image's pixel coordinate space, not in CSS pixels.

    -

    If options is provided, the ImageBitmap object's bitmap - data is modified according to options. For example, - if the premultiplyAlpha - option is set to "premultiply", - the bitmap data's color channels are - premultiplied by its alpha channel.

    +

    If options is provided, the ImageBitmap object's bitmap data is + modified according to options. For example, if the premultiplyAlpha option is set to "premultiply", the bitmap data's color channels are premultiplied by its alpha channel.

    Rejects the promise with an "InvalidStateError" DOMException if the source image is not in a valid state (e.g., an img @@ -97437,21 +97152,19 @@ dictionary ImageBitmapOptions { origin).

    -
    imageBitmap . close()
    +
    imageBitmap.close()
    -
    -

    Releases imageBitmap's underlying bitmap data.

    -
    +

    Releases imageBitmap's underlying bitmap data.

    -
    imageBitmap . width
    +
    imageBitmap.width

    Returns the intrinsic width of the image, in CSS pixels.

    -
    imageBitmap . height
    +
    imageBitmap.height

    Returns the intrinsic height of the image, in CSS @@ -98143,28 +97856,25 @@ dictionary MessageEventInit : EventInit { typedef (WindowProxy or MessagePort or ServiceWorker) MessageEventSource;

    +
    event.data
    -
    event . data
    - -
    -

    Returns the data of the message.

    -
    +

    Returns the data of the message.

    -
    event . origin
    +
    event.origin

    Returns the origin of the message, for server-sent events and cross-document messaging.

    -
    event . lastEventId
    +
    event.lastEventId
    -

    Returns the last event ID string, for - server-sent events.

    +

    Returns the last event ID string, + for server-sent events.

    -
    event . source
    +
    event.source

    Returns the WindowProxy of the source window, for cross-document @@ -98173,7 +97883,7 @@ typedef (WindowProxy or MessagePort or ServiceWo SharedWorkerGlobalScope objects.

    -
    event . ports
    +
    event.ports

    Returns the MessagePort array sent with the message, for cross-document @@ -98347,10 +98057,9 @@ dictionary EventSourceInit {

    - -
    source = new EventSource( - url [, { withCredentials: - true } ])
    +
    source = new EventSource( + url [, { withCredentials: + true } ])

    Creates a new EventSource object.

    @@ -98358,11 +98067,11 @@ dictionary EventSourceInit { stream.

    Setting withCredentials to true - will set the credentials mode - for connection requests to url to "include".

    + will set the credentials mode for + connection requests to url to "include".

    -
    source . close()
    +
    source.close()

    Aborts any instances of the fetch algorithm started for @@ -98371,21 +98080,20 @@ dictionary EventSourceInit { data-x="dom-EventSource-CLOSED">CLOSED.

    -
    source . url
    +
    source.url
    -
    -

    Returns the URL providing the event stream. -

    +

    Returns the URL providing the event + stream.

    -
    source . withCredentials
    +
    source.withCredentials

    Returns true if the credentials mode - for connection requests to the URL providing the - event stream is set to "include", and false otherwise.

    + for connection requests to the URL providing the event + stream is set to "include", and false otherwise.

    -
    source . readyState
    +
    source.readyState

    Returns the state of this EventSource object's connection. It can have the @@ -99138,37 +98846,34 @@ interface WebSocket : EventTarget { data-x="concept-websocket-url">url (a URL record).

    - -
    socket = new WebSocket(url [, protocols ] )
    +
    socket = new WebSocket(url [, protocols ])

    Creates a new WebSocket object, immediately establishing the associated WebSocket connection.

    url is a string giving the URL over which the connection is established. Only "ws" or "wss" schemes are - allowed; others will cause a "SyntaxError" - DOMException. URLs with fragments - will also cause such an exception.

    - -

    protocols is either a string or an array of strings. If it is a string, it - is equivalent to an array consisting of just that string; if it is omitted, it is equivalent to - the empty array. Each string in the array is a subprotocol name. The connection will only be - established if the server reports that it has selected one of these subprotocols. The subprotocol - names have to match the requirements for elements that comprise the value of "SyntaxError" DOMException. + URLs with fragments will also cause such an + exception.

    + +

    protocols is either a string or an array of strings. If it is a string, it is + equivalent to an array consisting of just that string; if it is omitted, it is equivalent to the + empty array. Each string in the array is a subprotocol name. The connection will only be + established if the server reports that it has selected one of these subprotocols. The + subprotocol names have to match the requirements for elements that comprise the value of Sec-WebSocket-Protocol fields as defined by The WebSocket protocol.

    -
    socket . send( data )
    - +
    socket.send(data)

    Transmits data using the WebSocket connection. data can be a string, a Blob, an ArrayBuffer, or an ArrayBufferView.

    -
    socket . close( [ code ] [, reason ] )
    - +
    socket.close([ code ] [, reason ])

    Closes the WebSocket connection, optionally using code as the WebSocket connection close code and @@ -99176,22 +98881,19 @@ interface WebSocket : EventTarget { close reason.

    -
    socket . url
    - +
    socket.url

    Returns the URL that was used to establish the WebSocket connection.

    -
    socket . readyState
    - +
    socket.readyState

    Returns the state of the WebSocket object's connection. It can have the values described below.

    -
    socket . bufferedAmount
    - +
    socket.bufferedAmount

    Returns the number of bytes of application data (UTF-8 text and binary data) that have been queued using send() but not yet been transmitted to the @@ -99202,34 +98904,25 @@ interface WebSocket : EventTarget { to zero once the connection closes.)

    -
    socket . extensions
    - -
    -

    Returns the extensions selected by the server, if any.

    -
    - -
    socket . protocol
    - -
    -

    Returns the subprotocol selected by the server, if any. It can be used in conjunction with - the array form of the constructor's second argument to perform subprotocol negotiation.

    -
    +
    socket.extensions
    +

    Returns the extensions selected by the server, if any.

    -
    socket . binaryType [ = value ]
    +
    socket.protocol
    +

    Returns the subprotocol selected by the server, if any. It can be used in conjunction with + the array form of the constructor's second argument to perform subprotocol negotiation.

    +
    socket.binaryType [ = value ]

    Returns a string that indicates how binary data from the WebSocket object is exposed to scripts:

    -
    "blob"
    -
    -

    Binary data is returned in Blob form.

    -
    +
    "blob"
    +

    Binary data is returned in Blob form.

    +
    "arraybuffer"
    -
    -

    Binary data is returned in ArrayBuffer form.

    -
    +

    Binary data is returned in ArrayBuffer + form.

    Can be set, to change how binary data is returned. The default is "CloseEventInit : EventInit { };

    +
    event.wasClean
    +

    Returns true if the connection closed cleanly; false otherwise.

    -
    event . wasClean
    -
    -

    Returns true if the connection closed cleanly; false otherwise.

    -
    +
    event.code
    +

    Returns the WebSocket connection close code provided by the server.

    -
    event . code
    -
    -

    Returns the WebSocket connection close code provided by the server.

    -
    - -
    event . reason
    -
    -

    Returns the WebSocket connection close reason provided by the server.

    -
    +
    event.reason
    +

    Returns the WebSocket connection close reason provided by the server.

    @@ -100051,12 +99737,12 @@ function receiver(e) {

    Posting messages

    -
    window . postMessage(message [, options ] )
    +
    window.postMessage(message [, options ])

    Posts a message to the given window. Messages can be structured objects, e.g. nested objects - and arrays, can contain JavaScript values (strings, numbers, Date - objects, etc), and can contain certain data objects such as File Blob, + and arrays, can contain JavaScript values (strings, numbers, Date objects, etc), + and can contain certain data objects such as File Blob, FileList, and ArrayBuffer objects.

    Objects listed in the transfer member @@ -100077,13 +99763,13 @@ function receiver(e) { cloned.

    -
    window . postMessage(message, targetOrigin [, transfer ] )
    +
    window.postMessage(message, targetOrigin [, transfer ])

    This is an alternate version of postMessage() where the target origin is specified as a parameter. Calling window.postMessage(message, target, transfer) is - equivalent to window.postMessage(message, {targetOrigin, transfer}).

    + equivalent to window.postMessage(message, {targetOrigin, + transfer}).

    When posting a message to a Window of a browsing context @@ -100422,24 +100108,20 @@ interface MessageChannel { };

    - -
    channel = new MessageChannel()
    +
    channel = new MessageChannel()
    -

    Returns a new MessageChannel object with two new MessagePort objects.

    +

    Returns a new MessageChannel object with two new MessagePort + objects.

    -
    channel . port1
    +
    channel.port1
    -
    -

    Returns the first MessagePort object.

    -
    +

    Returns the first MessagePort object.

    -
    channel . port2
    +
    channel.port2
    -
    -

    Returns the second MessagePort object.

    -
    +

    Returns the second MessagePort object.

    @@ -100497,21 +100179,21 @@ dictionary PostMessageOptions { };
    -
    port . postMessage(message [, transfer] )
    -
    port . postMessage(message [, { transfer }] )
    +
    port.postMessage(message [, transfer])
    +
    port.postMessage(message [, { transfer }])
    -

    Posts a message through the channel. Objects listed in transfer are - transferred, not just cloned, meaning that they are no longer usable on the sending side.

    +

    Posts a message through the channel. Objects listed in transfer are transferred, + not just cloned, meaning that they are no longer usable on the sending side.

    Throws a "DataCloneError" DOMException if transfer contains duplicate objects or port, or if message could not be cloned.

    -
    port . start()
    +
    port.start()

    Begins dispatching messages received on the port.

    -
    port . close()
    +
    port.close()

    Disconnects the port, so that it is no longer active.

    @@ -100853,31 +100535,28 @@ interface BroadcastChannel : EventTarget { };
    - -
    broadcastChannel = new BroadcastChannel(name)
    +
    broadcastChannel = new BroadcastChannel(name)

    Returns a new BroadcastChannel object via which messages for the given channel name can be sent and received.

    -
    broadcastChannel . name
    +
    broadcastChannel.name
    -
    -

    Returns the channel name (as passed to the constructor).

    -
    +

    Returns the channel name (as passed to the constructor).

    -
    broadcastChannel . postMessage(message)
    +
    broadcastChannel.postMessage(message)
    -

    Sends the given message to other BroadcastChannel objects set up for this channel. Messages can be structured objects, e.g. nested objects and arrays.

    +

    Sends the given message to other BroadcastChannel objects set up for this + channel. Messages can be structured objects, e.g. nested objects and arrays.

    -
    broadcastChannel . close()
    +
    broadcastChannel.close()
    -
    -

    Closes the BroadcastChannel object, opening it up to garbage collection.

    -
    +

    Closes the BroadcastChannel object, opening it up to garbage + collection.

    @@ -101539,16 +101218,16 @@ interface WorkerGlobalScope : EventTarget {
    -
    workerGlobal . self
    +
    workerGlobal.self
    Returns workerGlobal.
    -
    workerGlobal . location
    +
    workerGlobal.location
    Returns workerGlobal's WorkerLocation object.
    -
    workerGlobal . navigator
    +
    workerGlobal.navigator
    Returns workerGlobal's WorkerNavigator object.
    -
    workerGlobal . importScripts(urls...)
    +
    workerGlobal.importScripts(...urls)
    Fetches each URL in urls, executes them one-by-one in the order they are passed, and then returns (or throws if something went amiss).
    @@ -101615,24 +101294,21 @@ interface DedicatedWorkerGlobalScope : WorkerGlobalSc DedicatedWorkerGlobalScope object.

    -
    dedicatedWorkerGlobal . name
    -
    Returns dedicatedWorkerGlobal's dedicatedWorkerGlobal.name
    +

    Returns dedicatedWorkerGlobal's name, i.e. the value given to the - Worker constructor. Primarily useful for debugging.

    + Worker constructor. Primarily useful for debugging.

    -
    dedicatedWorkerGlobal . postMessage(message [, - transfer ])
    -
    dedicatedWorkerGlobal . postMessage(message - [, { transfer } ])
    -
    Clones message and transmits it to the Worker object associated with - dedicatedWorkerGlobal. transfer can be passed as a list of objects that are - to be transferred rather than cloned.
    +
    dedicatedWorkerGlobal.postMessage(message [, + transfer ])
    +
    dedicatedWorkerGlobal.postMessage(message + [, { transfer } ])
    +

    Clones message and transmits it to the Worker object associated + with dedicatedWorkerGlobal. transfer can be passed as a list of objects + that are to be transferred rather than cloned.

    -
    dedicatedWorkerGlobal . close()
    -
    Aborts dedicatedWorkerGlobal.
    +
    dedicatedWorkerGlobal.close()
    +

    Aborts dedicatedWorkerGlobal.

    @@ -101718,16 +101394,15 @@ interface SharedWorkerGlobalScope : WorkerGlobalScope connection.

    -
    sharedWorkerGlobal . name
    -
    Returns sharedWorkerGlobal's sharedWorkerGlobal.name +

    Returns sharedWorkerGlobal's name, i.e. the value given to the SharedWorker constructor. Multiple SharedWorker objects can correspond to the same shared worker (and SharedWorkerGlobalScope), by reusing the same - name.

    + name.

    -
    sharedWorkerGlobal . close()
    -
    Aborts sharedWorkerGlobal.
    +
    sharedWorkerGlobal.close()
    +

    Aborts sharedWorkerGlobal.

    @@ -102353,27 +102028,24 @@ enum WorkerType { "classic", "module" }; Worker includes AbstractWorker;
    -
    worker = new Worker(scriptURL [, options ])
    -
    Returns a new Worker object. scriptURL will be fetched and executed - in the background, creating a new global environment for which worker represents the - communication channel. options can be used to define the worker = new Worker(scriptURL [, options ]) +

    Returns a new Worker object. scriptURL will be fetched and + executed in the background, creating a new global environment for which worker + represents the communication channel. options can be used to define the name of that global environment via the name option, primarily for debugging purposes. It can also ensure this new global environment supports JavaScript modules (specify type: "module"), and if that is specified, can also be used to specify how scriptURL is fetched through - the credentials option. + the credentials option.

    -
    worker . terminate()
    +
    worker.terminate()
    Aborts worker's associated global environment.
    -
    worker . postMessage(message [, transfer ] ) -
    worker . postMessage(message [, { transfer } ] ) -
    Clones message and transmits it to worker's global environment. +
    worker.postMessage(message [, transfer ])
    +
    worker.postMessage(message [, { transfer } ])
    +

    Clones message and transmits it to worker's global environment. transfer can be passed as a list of objects that are to be transferred rather than - cloned.

    + cloned.

    @@ -102486,14 +102158,14 @@ interface SharedWorker : EventTarget { SharedWorker includes AbstractWorker;
    -
    sharedWorker = new SharedWorker(scriptURL [, name ])
    -
    Returns a new SharedWorker object. scriptURL will be fetched and +
    sharedWorker = new SharedWorker(scriptURL [, name ])
    +

    Returns a new SharedWorker object. scriptURL will be fetched and executed in the background, creating a new global environment for which sharedWorker represents the communication channel. name can be used to define the name of that global environment.

    + data-x="concept-WorkerGlobalScope-name">name of that global environment.

    -
    sharedWorker = new SharedWorker(scriptURL [, options ])
    -
    Returns a new SharedWorker object. scriptURL will be fetched and +
    sharedWorker = new SharedWorker(scriptURL [, options ])
    +

    Returns a new SharedWorker object. scriptURL will be fetched and executed in the background, creating a new global environment for which sharedWorker represents the communication channel. options can be used to define the name of that global environment via the SharedWorker : EventTarget { modules (specify type: "module"), and if that is specified, can also be used to specify how scriptURL is fetched through the credentials option. Note that attempting to construct a shared worker with - options whose type or credentials - values mismatch an existing shared worker will cause the returned sharedWorker to - fire an error event and not connect to the existing shared worker.

    + options whose type or credentials values + mismatch an existing shared worker will cause the returned sharedWorker to fire an + error event and not connect to the existing shared worker.

    -
    sharedWorker . port
    -
    Returns sharedWorker's MessagePort object which can be used to - communicate with the global environment.
    +
    sharedWorker.port
    +

    Returns sharedWorker's MessagePort object which can be used to + communicate with the global environment.

    @@ -102669,8 +102341,7 @@ interface SharedWorker : EventTarget { };
    -
    self . navigator . hardwareConcurrency
    +
    self.navigator.hardwareConcurrency

    Returns the number of logical processors potentially available to the user agent.

    @@ -103075,10 +102746,10 @@ interface WorkerLocation { };
    -
    window . fakeWorklet1
    +
    window.fakeWorklet1
    Returns one of the fake worklets.
    -
    window . fakeWorklet2
    +
    window.fakeWorklet2
    Returns another of the fake worklets.
    @@ -103516,7 +103187,7 @@ dictionary WorkletOptions {
    -
    await worklet . addModule(moduleURL[, { credentials }])
    +
    await worklet.addModule(moduleURL[, { credentials }])

    Loads and executes the module script given by moduleURL into all of worklet's global scopes. It can @@ -103878,20 +103549,20 @@ interface Storage { };

    -
    storage . length
    +
    storage.length

    Returns the number of key/value pairs.

    -
    storage . key ( n )
    +
    storage.key (n)

    Returns the name of the nth key, or null if n is greater than or equal to the number of key/value pairs.

    -
    value = storage . getItem ( key )
    -
    value = storage[key]
    +
    value = storage.getItem (key)
    +
    value = storage[key]

    Returns the current value associated with the given key, or null if the given key does not exist.

    -
    storage . setItem ( key, value )
    -
    storage[key] = value
    +
    storage.setItem (key, value)
    +
    storage[key] = value

    Sets the value of the pair identified by key to value, creating a new key/value pair if none existed for key previously.

    @@ -103904,7 +103575,7 @@ interface Storage { holding an equivalent Storage object.

    -
    storage . removeItem ( key )
    +
    storage.removeItem (key)
    delete storage[key]

    Removes the key/value pair with the given key, if a key/value pair with the given @@ -103914,7 +103585,7 @@ interface Storage { holding an equivalent Storage object.

    -
    storage . clear()
    +
    storage.clear()

    Removes all key/value pairs, if there are any.

    @@ -104103,7 +103774,7 @@ interface Storage { Window includes WindowSessionStorage;
    -
    window . sessionStorage
    +
    window.sessionStorage

    Returns the Storage object associated with that window's origin's session storage area.

    @@ -104163,15 +103834,15 @@ interface Storage {
    -
    window . localStorage
    +
    window.localStorage

    Returns the Storage object associated with window's origin's local storage area.

    Throws a "SecurityError" DOMException if the Document's origin is an opaque origin or if the request violates a policy - decision (e.g., if the user agent is configured to not allow the page to persist data).

    + data-x="concept-origin-opaque">opaque origin or if the request violates a policy decision + (e.g., if the user agent is configured to not allow the page to persist data).

    @@ -104234,22 +103905,22 @@ dictionary StorageEventInit : EventInit { };
    -
    event . key
    +
    event.key

    Returns the key of the storage item being changed.

    -
    event . oldValue
    +
    event.oldValue

    Returns the old value of the key of the storage item whose value is being changed.

    -
    event . newValue
    +
    event.newValue

    Returns the new value of the key of the storage item whose value is being changed.

    -
    event . url
    +
    event.url

    Returns the URL of the document whose storage item changed.

    -
    event . storageArea
    +
    event.storageArea

    Returns the Storage object that was affected.