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
attachedElements()
Parameters
None.
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.
<canvas id="editor-canvas"></canvas>
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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
attachedElements
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
See also
- The
EditContextinterface it belongs to.