Wie kann ich HTML-Elemente anhand des Klassennamens in JavaScript finden und bearbeiten?

Elemente nach Klasse in JavaScript finden

Während die Funktion getElementById() für den Zugriff auf Elemente anhand ihrer eindeutigen Bezeichner nützlich ist, gibt es Situationen, in denen Sie müssen Elemente anhand ihrer Klassen finden. JavaScript bietet für diesen Zweck keine native Funktion, weshalb alternative Ansätze erforderlich sind.

Eine Lösung besteht darin, die Methode getElementsByTagName() zu nutzen, die alle Elemente eines bestimmten Tag-Typs abruft. Indem Sie diese Elemente durchlaufen und ihre className-Eigenschaft überprüfen, können Sie diejenigen identifizieren, die Ihrer Zielklasse entsprechen.

Der folgende Code zeigt, wie der Inhalt in HTML-Elementen basierend auf ihrer Klasse ersetzt wird:

function replaceContentInContainer(matchClass, content) {
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if ((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') > -1) {
            elems[i].innerHTML = content;
        }
    }
}

In dieser Funktion durchlaufen wir alle Elemente auf der Seite und prüfen, ob ihre className-Eigenschaft die angegebene matchClass enthält. Wenn eine Übereinstimmung gefunden wird, wird der innere HTML-Code des Elements mit dem bereitgestellten Inhalt aktualisiert.

Dieser Ansatz bietet eine Möglichkeit, Elemente basierend auf ihren Klassen zu manipulieren, auch wenn JavaScript für diesen Zweck keine spezielle Funktion bietet.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Elemente anhand des Klassennamens in JavaScript finden und bearbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!