JS removeAttribute()-Methode zum Löschen eines Attributs eines Elements

Verwenden Sie in JavaScript die Methode removeAttribute() eines Elements, um ein angegebenes Attribut zu entfernen. Die Verwendung ist wie folgt:
entferneAttribute(Name)

Der Parametername gibt den Attributnamen des Elements an.

Beispiel 1

Das folgende Beispiel zeigt, wie die Ränder einer Tabelle dynamisch festgelegt werden.

<Skript>
  window.onload = function () { //Binden Sie die Eventhandler-Funktion, wenn die Seite geladen wird var table = document.getElementByTagName("table")[0]; //Holen Sie sich eine Referenz auf den Tabellenrahmen var del = document.getElementById("del");
    var zurücksetzen = document.getElementById("zurücksetzen");
    del.onclick = Funktion () {
      Tabelle.entfernenAttribute("Rahmen");
    }
    zurücksetzen.beiklick = Funktion () {
      Tabelle.setAttribute("Rand", "2");
    }
</Skript>
<Tabellenbreite="100%" Grenze="2">
  <tr>
    <td>Datentabelle</td>
  <tr>
</Tabelle>
<button id="del">Löschen</button><button id="reset">Wiederherstellen</button>

Im obigen Beispiel werden zwei Schaltflächen entworfen und an unterschiedliche Ereignisbehandlungsfunktionen gebunden. Klicken Sie auf die Schaltfläche „Löschen“, um die Methode removeAttribute() der Tabelle aufzurufen und den Tabellenrahmen zu löschen, und klicken Sie auf die Schaltfläche „Wiederherstellen“, um die Methode setAttribute() der Tabelle aufzurufen und die Tabellenstärke zurückzusetzen.

Beispiel 2

Das folgende Beispiel zeigt, wie Sie die Funktion zum Löschen der Klasse anpassen und die Funktion aufrufen, um den angegebenen Klassennamen zu löschen.

<Skript>
  Funktion hasClass (Element, Klassenname) { //Funktion zur Erkennung von Klassennamen var reg = neuer RegExp ('(\\s|^)' + Klassenname + '(\\s|$)');
    return reg.test (Element, Klassenname); //Verwenden Sie reguläre Ausdrücke, um zu prüfen, ob der gleiche Stil vorhanden ist}
  Funktion deleteClass (Element, Klassenname) {
    wenn (hatKlasse (Element, Klassenname)) {
      element.className.replace (reg, ' '); //Den zu löschenden Stil erfassen und durch eine leere Zeichenfolge ersetzen}
  }
</Skript>
<div id="rot" class="rot blau fett">Box</div>
<Skript>
  var rot = document.getElementById("rot");
  deleteClass (rot, „blau“);
</Skript>

Der obige Code verwendet einen regulären Ausdruck, um zu erkennen, ob die Zeichenfolge des Attributwerts className den angegebenen Klassennamen enthält. Wenn dies der Fall ist, wird die übereinstimmende Teilzeichenfolge durch eine leere Zeichenfolge ersetzt, um den Klassennamen zu löschen.

Unterschiede und Ähnlichkeiten zwischen den Methoden removeAttribute und removeAttributeNode

Attribut entfernen

Entfernt das Attribut mit dem angegebenen Namen aus dem Knoten. Nachfolgend sehen Sie ein Beispiel

document.getElementById('riskTypePie').removeAttribute("Stil");

Attributknoten entfernen
Hinweis: Diese Methode ist nicht mit IE kompatibel.

Anwendung:

• Holen Sie sich das Element, dessen Attribut Sie löschen möchten
• Holen Sie sich das Attribut, das aus dem Element gelöscht werden soll
• <Element>.removeAttributeNode<Attribut>

var Knoten = document.getElementById('chartWrap');
var attr=n.getAttributeNode('Stil');
node.removeAttributeNode(attr);

Ähnlichkeiten und Unterschiede

Ähnlichkeiten

• Beide Methoden werden zum Entfernen von Knotenattributen verwendet
• Die Aufrufer beider Methoden können nur Label-Knoten sein.

Unterschiede

• Die Methode removeAttribute erhält den Namen des zu entfernenden Attributs.
• Die Methode removeAttributeNode empfängt den zu löschenden Attributknoten.

Dies ist das Ende dieses Artikels über die JS removeAttribute()-Methode zum Löschen eines bestimmten Attributs eines Elements. Weitere Informationen über JS removeAttribute() zum Löschen von Elementattributen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!