Ändra färg på navbar med javascript?

Trädvy Permalänk
Medlem
Registrerad
Mar 2013

Ä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..

GPU Gigabyte 1070 TI Kylning Corsair Hydro H110i
Moderkort Asus Z87-DELUXE Intel Z87 CPU 4790K
Minne Corsair 16GB CL9 1600MHz VENGEANCE PRO Nätagg Corsair AX860i
Chassi Corsair Carbide Air 540 Skärm Asus Swift PG278Q [2] Samsung SA950
SSD Samsung SSD PRO 850 256&2*128GB Hårddisk Western Digital Red 2TB

Trädvy Permalänk
Medlem
Plats
Örebro
Registrerad
Nov 2011

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

Trädvy Permalänk
Medlem
Registrerad
Mar 2013

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

GPU Gigabyte 1070 TI Kylning Corsair Hydro H110i
Moderkort Asus Z87-DELUXE Intel Z87 CPU 4790K
Minne Corsair 16GB CL9 1600MHz VENGEANCE PRO Nätagg Corsair AX860i
Chassi Corsair Carbide Air 540 Skärm Asus Swift PG278Q [2] Samsung SA950
SSD Samsung SSD PRO 850 256&2*128GB Hårddisk Western Digital Red 2TB

Trädvy Permalänk
Medlem
Plats
Sundsvall
Registrerad
Dec 2006

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.

Canon 70D | 2x Dell Ultrasharp 24" | i7 3770k | 16B | GTX 780

Trädvy Permalänk
Medlem
Plats
Landskrona
Registrerad
Nov 2008

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.