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.
attachedElements()
None.
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.
EditContext instanceThis 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
| Specification |
|---|
| EditContext API> # dom-editcontext-attachedelements> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
attachedElements |
121 | 121 | No | 107 | No | 121 | No | 81 | No | 25.0 | 121 | No |
EditContext interface it belongs to.
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/EditContext/attachedElements