ShadowRoot: innerHTML-Eigenschaft

Die innerHTML-Eigenschaft des ShadowRoot-Interfaces ruft das HTML-Markup für den DOM-Baum innerhalb des ShadowRoot ab oder setzt es.

Es ist zu beachten, dass einige Browser die <- und >-Zeichen als < und > serialisieren, wenn sie in Attributwerten erscheinen (siehe Browser-Kompatibilität). Dies geschieht, um eine potenzielle Sicherheitsanfälligkeit (mutation XSS) zu verhindern, bei der ein Angreifer Eingaben erstellen kann, die eine Sanitisierungsfunktion umgehen und somit einen Cross-Site Scripting (XSS)-Angriff ermöglichen.

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

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