ShadowRoot: innerHTML property

{{APIRef("Shadow DOM")}} 

The innerHTML property of the {{domxref("ShadowRoot")}}  interface sets or returns a reference to the DOM tree inside the ShadowRoot.

Value

A string.

When set to the null value, that null value is converted to the empty string (""), so sr.innerHTML = null is equivalent to sr.innerHTML = "".

Examples

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

shadow.innerHTML = "<strong>This element should be more important!</strong>";

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}}