← 返回首页
ShadowRoot: activeElement property - Web APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Web
  2. Web APIs
  3. ShadowRoot
  4. activeElement
Theme
  • OS default
  • Light
  • Dark
English (US)
Remember language Learn more

ShadowRoot: activeElement property

The activeElement read-only property of the ShadowRoot interface returns the element within the shadow tree that has focus.

In this article

Value

The Element which currently has focus, or null if there is no focused element.

Examples

js
let customElem = document.querySelector("my-shadow-dom-element"); let shadow = customElem.shadowRoot; let focusedElem = shadow.activeElement;

Specifications

Specification
HTML
# dom-documentorshadowroot-activeelement-dev

Browser compatibility

Enable JavaScript to view this browser compatibility table.

See also

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on Apr 8, 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. ShadowRoot
  2. Instance properties
    1. activeElement
    2. adoptedStyleSheets
    3. clonable
    4. customElementRegistry
    5. delegatesFocus
    6. fullscreenElement
    7. host
    8. innerHTML
    9. mode
    10. pictureInPictureElement
    11. pointerLockElement
    12. serializable
    13. slotAssignment
    14. styleSheets
  3. Instance methods
    1. elementFromPoint()
    2. elementsFromPoint()
    3. getAnimations()
    4. getHTML()
    5. setHTML()
    6. setHTMLUnsafe()
  4. Inheritance
    1. DocumentFragment
    2. Node
    3. EventTarget

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.