So entfernen Sie eine Klasse in Javascript

WBOY
Freigeben: 2022-01-19 14:58:16
Original
7349 Leute haben es durchsucht

Methode: 1. Verwenden Sie die Anweisung „document.getElementsByTagName(„Element“)“, um das Elementobjekt abzurufen, dessen Klasse entfernt werden muss. 2. Verwenden Sie die Anweisung „Element Object.removeAttribute(„class“)“, um das zu entfernen Klasse des angegebenen Elements.

So entfernen Sie eine Klasse in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So entfernen Sie eine Klasse in Javascript

Die Methode „removeAttribute()“ kann das angegebene Attribut löschen

Die Syntax lautet:

element.removeAttribute(attributename)
Nach dem Login kopieren

wobei Attributname verwendet wird, um den Namen des zu löschenden Attributs anzugeben.​

Diese Methode hat keinen Rückgabewert.

Das Beispiel lautet wie folgt:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
    <style>
        .red{
            color:red;
        }
        </style>
</head>
<body>
<h1 class="red">Hello World</h1>
<p id="demo">点击下面的按钮删除上面的标题的样式属性</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    document.getElementsByTagName("H1")[0].removeAttribute("class"); 
};
</script>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So entfernen Sie eine Klasse in Javascript

Nach dem Klicken auf die Schaltfläche:

So entfernen Sie eine Klasse in Javascript

Verwandte Empfehlungen: Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie eine Klasse in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage