Mam element HTML, który chcę ukryć przed widokiem, ale nie mogę uzyskać dostępu do tego elementu przez identyfikator, ponieważ nie ma on identyfikatora i nie mogę przypisać do niego identyfikatora. Ma jednak przypisaną do niego klasę. Czy istnieje jakiś sposób na ukrycie tego elementu przed wyświetleniem bez jego id?JavaScript: Ukryj elementy według nazwy klasy
Odpowiedz
W niektórych przeglądarkach jest getElementsByClassName
, ale nie jest tak szeroko obsługiwany, jak getElementById
. Zauważ, że daje to tablicę elementów, a nie tylko jeden element, ponieważ kilka elementów może mieć tę samą klasę.
Jeśli można przypisać identyfikator rodzica może być w stanie uzyskać do niego dostęp w inny sposób:
document.getElementById('parent').getElementsByTagName('div')[3] // or whatever
okej ... Mogę uzyskać do niego dostęp za pośrednictwem identyfikatora nadrzędnego. Jak mam to ukryć przed zobaczeniem po tym, jak do niego dostęp? – lewisqic
nevermind, wymyśliłem to ... var elements = document.getElementById ('home_poll'). GetElementsByTagName ("a"); \t \t elementy [2] .style.display = "none"; – lewisqic
Następujący plik html zawiera kod, aby przełączyć, ukrywać, pokazywać div przez klasy i id. Za pomocą klasy można ukryć zestaw (grupę) podziałów.
<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 pobiera wszystkie elementy według nazwy klasy
- 2. Usuwanie elementów według nazwy klasy?
- 3. Przeglądarka krzyżowa Wybieranie elementów według nazwy klasy
- 4. Pobierz elementy według nazwy klasy w innym elemencie z jQuery
- 5. Pobierz wszystkie elementy według nazwy klasy za pomocą DOMDocument
- 6. Pobierz zestaw według nazwy klasy
- 7. Ukryj element według klasy w czystym JavaScriptu
- 8. Pobierz instancję klasy według nazwy klasy string
- 9. Jak zdobyć element według nazwy klasy?
- 10. Ukryj wszystkie elementy div za pomocą javascript
- 11. JavaScript Kliknij element według klasy
- 12. Tworzenie instancji klasy object-c według nazwy?
- 13. Jak uzyskać typ zajęć według nazwy klasy?
- 14. Filtruj według nazwy klasy w log4j2
- 15. znajdź zależności pom według nazwy klasy
- 16. Jak uzyskać element według nazwy klasy
- 17. jak zdobyć elementy według nazwy za pomocą jquery?
- 18. Ukryj kolumnę GridView według nazwy w czasie wykonywania w ASP.Net
- 19. Jak zdobyć elementy według nazwy w Delphi Chromium Embedded?
- 20. Jak wybrać elementy według części ich nazwy w XSL/XPath?
- 21. Jak zdobyć elementy według nazwy w XML przy użyciu LINQ
- 22. Ukryj klasy biblioteki - Android
- 23. Jak uzyskać elementy DOM według klasy, identyfikatora, selektorów i właściwości?
- 24. Ustawienie C#/pobieranie właściwości klasy według nazwy ciągu znaków
- 25. Znajdź element według nazwy klasy, ze znanego elementu nadrzędnego.
- 26. Pobierz pole według nazwy
- 27. Pobierz wątek według nazwy
- 28. glob() - Sortuj według nazwy
- 29. Javascript uzyskać wewnętrzną tekst HTML rozpiętości wg nazwy klasy
- 30. Jaki jest najlepszy sposób uzyskania cookie według nazwy w JavaScript?
możliwe duplikat [Jak getElementByClass zamiast getElementById z javscript?] (Http://stackoverflow.com/questions/1933602/how-to-getelementbyclass-instead-of-getelementbyid-with-javscript) – recursive