Javascript 如何基于当前域更改div的样式

我的代码出现在两个网站上，我们称它们为www.siteone.com和www.sitetwo.com

我想隐藏一个div，但只有当用户在sitetwo上时才隐藏

我对html的访问权限有限，但我可以在想要隐藏的div之前和之后插入代码，包括添加其他div和js。jquery也可用

我的想法是这样的：

之前插入的代码：

    <script>    
        some js that changes the visibility of a div id 'hiddenontwo'
        if domain = www.sitetwo.com then set visibility of id=hiddenontwo to hidden
    </script>
<div id=hiddenontwo> <!-- open a a wrapper div as i can't set an id on the actual div -->

更改div id“hiddennotwo”可见性的某些js
如果domain=www.sitetwo.com，则将id=hiddenntwo的可见性设置为hidden

代码插入后：

</div> <!-- Closing the wrapper-->

问题: 这可能吗

由于我对js的了解是零，有人能告诉我怎么做吗

非常感谢您

<script>
    var domain = window.location.hostname;
    if(domain == 'www.siteone.com'){
        //do something
    }else{
        //do something
    }
</script>

var domain=window.location.hostname；
如果（域=='www.siteone.com'）{
//做点什么
}否则{
//做点什么
}

if（window.location.host！=“stackoverflow.com”
&&window.location.host！==“stacksnippets.net”）{
$（“#divOnlyVisibleForStackOverflow”）.hide（）；
}否则{
$（“#divNOTOnlyVisibleForStackOverflow”）.hide（）；
}

第一组
第2组
我想你可以写这样的东西

(function(){
  var divToHide = document.querySelector('#hiddenontwo');
  if(location.host === "www.sitetwo.com") {
     divToHide.style.visibility = 'hidden';
  }
})();

是的，这是可能的。你试过什么？你看了
位置了吗？它有你想要的。你可以根据当前域的不同将CSS类添加到body标记中，并且你可以使用它根据body类的不同来设计不同的元素（当然是CSS）。更优雅的解决方案-你不需要JS ifs在你的页面上无处不在。目前我还没有尝试过任何东西。我也会检查非www域。好吧，我只是举了一个例子。变量域将包含url中的任何内容。哈哈！这样做了，但我必须将脚本放在div之后，否则它会失败。为了防止它突然出现然后消失，我将包装器div设置为hidden，然后在siteone.com上将其设置为visible。谢谢大家！