change class of a div if domain name =

Question

I have 2 domains going to my site but I want to change the class of a div that has an ID of #logo.

I have tried the following but no luck...

<script type="text/javascript"> 
var hasChar1 = window.location.href.indexOf('domain01') != -1;
var hasChar2 = window.location.href.indexOf('domain') != -1;
if (hasChar1)
{
   if (hasChar1)
   {document.getElementById("logo").className = "logoNZ";}
   else
   {document.getElementById("logo").className = "";}
}
else if (hasChar2)
{document.getElementById("logo").className = "";}
</script>

Answer 1

Why inserting the same if statement inside itself?

This should work:

document.getElementById('logo').className = (window.location.hostname.indexOf('domain') !== -1) ? 'logoNZ' : 'notLogoNZ';

Make sure you place this code at the end of your body, after the div as already been rendered!

Answer 2

Have you tried something like this ?

if (window.location.hostname == "domain01"){
    document.getElementById("logo").className = "logoNZ";
}
else if (window.location.hostname == "domain"){
    document.getElementById("logo").className = "";
}