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

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]

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.