Ho un elemento html che voglio nascondere dalla vista, ma non posso accedere a quell'elemento tramite un ID perché non ha ID e non posso assegnargli un ID. Ad esso è stata assegnata una classe. C'è un modo possibile per nascondere questo elemento dalla vista senza che sia id?Javascript: Nascondi gli elementi per nome della classe
risposta
Ci sono getElementsByClassName
in alcuni browser, ma non è ampiamente supportato come getElementById
. Si noti che produce una serie di elementi, anziché solo un singolo elemento, poiché diversi elementi possono avere la stessa classe.
Se è possibile assegnare un ID a un genitore si potrebbe essere in grado di accedervi in qualche altro modo:
document.getElementById('parent').getElementsByTagName('div')[3] // or whatever
okay ... posso accedervi tramite un id genitore. Come potrei andare a nasconderlo dalla vista dopo che l'ho acceduto? – lewisqic
non importa, l'ho capito ... var elements = document.getElementById ('home_poll'). GetElementsByTagName ('a'); \t \t elementi [2] .style.display = "nessuno"; – lewisqic
Il seguente file HTML contiene il codice per attivare o disattivare, nascondere, mostrare div per classe e id. Utilizzando la classe è possibile nascondere un set (gruppo) di divisioni.
<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. Ottieni tutti gli elementi per nome della classe utilizzando DOMDocument
- 2. Nascondere tutti gli elementi con lo stesso nome classe?
- 3. Javascript associare l'evento al nome della classe
- 4. Nascondi elemento per classe in puro Javascript
- 5. Come ottenere tutti gli elementi in base al nome della classe?
- 6. Ottieni gli elementi del modulo per nome?
- 7. JQuery ottiene tutti gli elementi in base al nome della classe
- 8. Modifica gli attributi della classe CSS con javascript?
- 9. Javascript - Funzione ricorsiva per scorrere gli elementi
- 10. Nascondere tutti gli elementi con la classe utilizzando plain Javascript
- 11. Cerca nome della classe parziale, pieno ritorno nome della classe
- 12. elementi stilistici con un punto (.) Nel nome della classe
- 13. jQuery funzione di fuoco su tutti gli elementi della classe
- 14. Javascript: carica gli eventi per gli elementi incorporati
- 15. jQuery Mostra/Nascondi per classe quando più elementi contengono la suddetta classe
- 16. Mostra o nascondi elementi in PDF tramite Javascript
- 17. Ottieni l'istanza della classe per nome della stringa della stringa
- 18. XPath per selezionare tutti gli elementi con un nome specificato
- 19. Come cambiare classe per tutti gli elementi recuperati da document.getElementsByClassName
- 20. Utilizzo della classe XmlReader per analizzare XML con elementi con lo stesso nome
- 21. Nascondi testo, lascia elementi icona
- 22. Filtra gli elementi nell'array JavaScript utilizzando jQuery
- 23. Twitter Bootstrap nascondi classe css e jQuery
- 24. jQuery: Seleziona gli elementi della classe X che non hanno fratelli con quella classe
- 25. Get elemento in base al nome di tag e il nome della classe
- 26. Ottenere il nome della classe per la registrazione
- 27. Nascondi/mostra singoli elementi all'interno di ngPer
- 28. Javascript per ottenere elementi dal suo attributo
- 29. php nascondi TUTTI gli errori
- 30. Nascondi tutti gli elementi eccetto uno div per la visualizzazione di stampa
possibile duplicato di [Come getElementByClass invece di getElementById con javscript?] (Http://stackoverflow.com/questions/1933602/how-to-getelementbyclass-instead-of-getelementbyid-with-javscript) – recursive