ShadowRoot: innerHTML property
The innerHTML property of the 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
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.innerHTML = "<strong>This element should be more important!</strong>";
Specifications
| Specification |
|---|
| HTML Standard # dom-shadowroot-innerhtml |
Browser compatibility
BCD tables only load in the browser