Egy class, egy div eltuntetese javascriptel?
var details = document.getElementsByClassName("car-card-hidden");
if (details[0].style.display == "none")
{
details[0].style.display = "block";
}
else
{
details[0].style.display = "none";
}
if (details[1].style.display == "none")
{
details[1].style.display = "block";
}
else
{
details[1].style.display = "none";
}
Miert tuntetiel/ rakja vissza mindkettot?
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
A Document.getElementsByClassName()
egy, az argumentumában megadott osztálynevekkel rendelkező elemeket tartalmazó listát ad vissza.
Ha két elem rendelkezik az adott osztállyal (egy osztály több elemhez rendelhető), akkor a lista két tagú lesz lesz. Így ha mind a két elem display tulajdonságát megváltoztatod, akkor értelemszerűen eltűnik/megjelenik mind a kettő.
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
<button onclick="displayCarDetails(car3)" class="btn btn-primary">More detail</button>
function displayCarDetails(carNumber) {
if (carNumber.style.display === "none")
{
carNumber.style.display = "block";
}
else
{
carNumber.style.display = "none";
}
}
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
"var details"
Lekéred az elemek.
Utána ezt írod:
"csinálj valamit az első elemmel"
"csinálj valamit a második elemmel"
Ezek után ne lepődj meg, ha mindkét elemmel csinál valamit :)
Ha csak az egyikkel akarsz csinálni valamit, akkor ne rakjál bele két if-et csak egyet.
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!