LightningElement Class Properties

LightningElement is the base class for Lightning web components. Properties that are specific to LightningElement include:

  • template
  • refs
  • render
  • connectedCallback
  • disconnectedCallback
  • renderedCallback
  • errorCallback

For more information, see Lifecycle Hooks.

LightningElement is a wrapper of the standard HTMLElement interface. A custom Lightning web component, which extends LightningElement, inherits properties and methods from HTMLElement.

The inherited properties and methods are:

  • accessKey
  • addEventListener
  • attachInternals
  • children
  • childNodes
  • classList
  • dir
  • dispatchEvent
  • draggable
  • firstChild
  • firstElementChild
  • getAttribute
  • getAttributeNS
  • getBoundingClientRect
  • getElementsByClassName
  • getElementsByTagName
  • hasAttribute
  • hasAttributeNS
  • hidden
  • id
  • isConnected
  • lang
  • lastChild
  • lastElementChild
  • ownerDocument
  • querySelector
  • querySelectorAll
  • removeAttribute
  • removeAttributeNS
  • removeEventListener
  • setAttribute
  • setAttributeNS
  • shadowRoot
  • spellcheck
  • tabIndex
  • tagName
  • template
  • title

LWC also reflects aria properties to support accessibility.

See Also