Ich habe ein HTML-Element, das ich aus Sicht ausblenden möchte, aber ich kann nicht auf dieses Element durch eine ID zugreifen, da es keine ID hat und ich kann keine ID zuweisen. Es ist jedoch eine Klasse zugewiesen. Gibt es eine Möglichkeit, dieses Element vor der Ansicht zu verbergen, ohne es zu haben?Javascript: Elemente nach Klassennamen ausblenden
Antwort
Es gibt getElementsByClassName
in einigen Browsern, aber es ist nicht so weit unterstützt wie getElementById
. Beachten Sie, dass es anstelle eines einzelnen Elements ein Array von Elementen liefert, da mehrere Elemente dieselbe Klasse haben können.
Wenn Sie eine ID zu einem Elternteil zuweisen können Sie könnten in der Lage sein, es auf andere Weise zuzugreifen:
document.getElementById('parent').getElementsByTagName('div')[3] // or whatever
Okay ... Ich kann über eine Eltern-ID darauf zugreifen. Wie würde ich es ausblenden, nachdem ich darauf zugegriffen habe? – lewisqic
vergesst, ich habe es herausgefunden ... var elements = document.getElementById ('home_poll'). GetElementsByTagName ('a'); \t \t Elemente [2] .style.display = "none"; – lewisqic
Die folgende HTML-Datei enthält Code zu wechseln, zu verbergen, anzeigen div von Klassen- und id. Durch die Verwendung der Klasse ist es möglich, eine Menge (Gruppe) von Unterteilungen zu verbergen.
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
/*function to toggle visibility of class*/
function toggle_visibility(classname) { $("."+classname).toggle(); }
/*function to hide class*/
function hide_visibility(classname) { $("."+classname).hide(); }
/*function to show class*/
function show_visibility(classname) { $("."+classname).show(); }
/*function to hide individual div by id*/
function hide_visibility(classname) { $("#"+classname).hide(); }
/*function to show individual div by id*/
function show_visibility(classname) { $("#"+classname).show(); }
</script>
</head>
<body>
<button onclick="toggle_visibility('class1');">Toggle visibility of class 1</button><br/>
<button onclick="hide_visibility('class1');">Hide class 1</button><br/>
<button onclick="show_visibility('class1');">Show class 1</button><br/>
<button onclick="show_visibility('heading1');">Show heading 1</button><br/>
<button onclick="hide_visibility('heading1');">Hide heading 1</button><br/>
<div class="class1" id="heading1"><h1>Heading 1</h1></div>
<div class="class1"><h2>Heading 2</h2></div>
<div class="class1"><h3>Heading 3</h3></div>
<div class="class1"><h4>Heading 4</h4></div>
<div class="class1"><h5>Heading 5</h5></div>
<div class="class1"><h6>Heading 6</h6></div>
</body>
- 1. JQuery bekommen alle Elemente nach Klassennamen
- 2. javascript: Aufruf der Funktion nach Klassennamen
- 3. Elemente mit Javascript ausblenden und anzeigen
- 4. CSS Elemente automatisch nach 5 Sekunden ausblenden
- 5. jQuery: Nach Klassennamen ausblenden und dann das nächste Element mit demselben Klassennamen anzeigen?
- 6. Cross-Browser Auswählen von Elementen nach Klassennamen
- 7. So finden und entfernen Sie DOM-Elemente nach mehreren Klassennamen
- 8. Holen Sie alle Elemente nach Klassennamen mit DOMDocument
- 9. Javascript: Holen Sie sich alle Elemente nach Klassennamen auf der Seite laden NOT WORKING
- 10. Elemente in iframe ausblenden
- 11. Get Element nach Tag und Klassennamen
- 12. Last Seite nach Klassennamen
- 13. Elemente für CSS-Selektorregeln ausblenden
- 14. WPF - Listbox-Elemente ausblenden
- 15. Watir-Webtreiber; Elemente mit wechselnden Klassennamen zählen
- 16. Wie HTML-Elemente ohne HTML dom mithilfe von JavaScript ausblenden?
- 17. HTML-Elemente mit Jquery oder Javascript ein-/ausblenden
- 18. Selen - mehrere Elemente mit demselben Klassennamen suchen
- 19. Spiegeln eines div nach Klassennamen
- 20. Könnte kendoNumericTextBox nach Klassennamen finden
- 21. Elemente in Listview richtig ausblenden
- 22. Kann Element nicht nach Klassennamen erkennen
- 23. Elemente in Angular ein- und ausblenden
- 24. Javascript ausblenden toggle mit einer Klasse oder direkt ausblenden?
- 25. Readattribute von Klassennamen in Prototype Javascript
- 26. Wie für JavaScript-Objekt-Klassennamen setzen
- 27. wie nach Klassennamen in Winkel von JSON
- 28. Zeilen löschen aus der Tabelle nach Klassennamen
- 29. div-Tag anzeigen/ausblenden Javascript
- 30. Elemente in Kontextaktionsleiste (CAB) ausblenden, wenn mehrere Elemente ausgewählt sind
möglich Duplikat von [Wie mit Javscript statt getElementByID getElementByClass?] (Http://stackoverflow.com/questions/1933602/how-to-getelementbyclass-instead-of-getelementbyid-with-javscript) – recursive