Ändra färg på navbar med javascript?

Permalänk
Medlem

Ändra färg på navbar med javascript?

Försöker ändra färg på min nav bar med javascript, har försökt:
Cssen:
nav {
background-color: #404040;
overflow: hidden;
display: flex;
justify-content: center;
}

Javascripten:

window.onload = function mobile(){
if( isMobile.any() ) {
document.getElementById('nav').style.backgroundColor = "blue";
alert('Mobile');
}
}

Någon som vet vad jag gör för fel? Lyckades ändra färgen på body men inte på nav..

Visa signatur

CPU AMD 3900X GPU Zotac RTX 3080 12GB
Moderkort Asus x570-E Gaming Nätagg Corsair RM850x
Minne Corsair Vengeance RGB Pro 32 GB Kylning Corsair Hydro H115i PRO
Chassi Corsair Obsidian 500D SE Skärm Samsung Odyssey G9 NEO
SSD Samsung 970 1TB HDD Western Digital Blue 2TB Laptop Dell XPS 13 9300 i7

Permalänk
Medlem

Den här artikeln borde kunna hjälpa dig!
https://zellwk.com/blog/js-in-dom/

Permalänk
Medlem

@GeekDown: Tack, fick det att fungera genom: document.getElementsByTagName("a")[0]

Visa signatur

CPU AMD 3900X GPU Zotac RTX 3080 12GB
Moderkort Asus x570-E Gaming Nätagg Corsair RM850x
Minne Corsair Vengeance RGB Pro 32 GB Kylning Corsair Hydro H115i PRO
Chassi Corsair Obsidian 500D SE Skärm Samsung Odyssey G9 NEO
SSD Samsung 970 1TB HDD Western Digital Blue 2TB Laptop Dell XPS 13 9300 i7

Permalänk
Medlem

Varför gör du inte allt detta genom CSS?
Känns överflöd med Javascript för att kolla om det är en mobil eller inte.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem

Eftersom du använder CSS3 Flexible Box så kan du lika gärna använda media queries för att färga din meny i mobila enheter.