EditContext: attachedElements() method

Limited availability

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

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The attachedElements() method of the EditContext interface returns an Array that contains only one item. This item is the element that's associated with the EditContext object.

Syntax

js
attachedElements()

Return value

An Array containing one HTMLElement object.

There can only be one element associated to an EditContext instance, so the returned array will always contain one element. If the API is extended in the future to support multiple associated elements, the return value will be an array containing multiple elements.

Examples

Getting the element associated with an EditContext instance

This example shows how to use the attachedElements method to get the element that's associated with an EditContext instance.

html
<canvas id="editor-canvas"></canvas>
js
const canvas = document.getElementById("editor-canvas");
const editContext = new EditContext();
canvas.editContext = editContext;

const attachedElements = editContext.attachedElements();
console.log(attachedElements[0] === canvas); // true

Specifications

Specification
EditContext API
# dom-editcontext-attachedelements

Browser compatibility

BCD tables only load in the browser

See also