Sanitizer: removeAttribute() Methode

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die removeAttribute() Methode der Sanitizer Schnittstelle legt fest, dass ein Attribut bei allen Elementen nicht erlaubt ist.

Das angegebene Attribut wird zur Liste der removeAttributes in der Konfiguration dieses Sanitizers hinzugefügt. Falls vorhanden, wird das Attribut aus der Liste der attributes entfernt.

Beachten Sie, dass Sie zur Erlaubnis/Ablehnung von Attributen nur bei bestimmten Elementen Sanitizer.allowElement() verwenden.

Syntax

removeAttribute(attribute)

Parameter

attribute

Ein String, der den Namen des Attributs angibt, das global bei den Elementen abgelehnt werden soll, oder ein Objekt mit den folgenden Eigenschaften:

name: Ein String, der den Namen des Attributs enthält.
namespace Optional: Ein String, der den Namensraum des Attributs enthält und standardmäßig null ist.

Beispiele

Anleitung zur Ablehnung bestimmter Attribute

Dieses Beispiel zeigt, wie removeAttribute() verwendet wird, um festzulegen, dass ein Attribut von Elementen entfernt werden soll.

<pre id="log"></pre>

#log {
  height: 300px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.textContent = text;
}

JavaScript

Der Code erstellt zunächst ein neues Sanitizer-Objekt, das anfänglich keine Attribute oder Elemente angibt. Danach rufen wir removeAttribute() mit den Attributen title und mathcolor auf.

if ("Sanitizer" in window) {

// Create sanitizer that allows
const sanitizer = new Sanitizer({
  removeAttributes: [],
});

// Remove the title attribute
sanitizer.removeAttribute("title");
// Remove the mathcolor attribute
sanitizer.removeAttribute("mathcolor");

// Log the sanitizer configuration
let sanitizerConfig = sanitizer.get();
log(JSON.stringify(sanitizerConfig, null, 2));

} else {
  log("The HTML Sanitizer API is NOT supported in this browser.");
}

Ergebnisse

Die endgültige Konfiguration wird unten protokolliert. Beachten Sie, wie beide Attribute nun zur removeAttributes Liste hinzugefügt wurden (diese Attribute werden entfernt, falls sie bei Elementen vorhanden sind, wenn der Sanitizer verwendet wird).

Spezifikationen

Specification
HTML Sanitizer API # dom-sanitizer-removeattribute