根据浏览器更改类中的元素

Question

我想要的是检测用户是否正在使用chrome，然后将该类的margin-bottom更改为不同的内容？

这是div：

<div id="titleAreaBox" class="ms-noList ms-table">

这个我正在使用的课程：

#titleAreaBox{
    margin-left:0px;
    height:0px; 
    margin-bottom:-31px;    
}

所以我希望能够更改此类的margin-bottom：-31px元素，如果浏览器是chrome ....这可以在javascript中使用吗？

Answer 1

var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') >= 0;
if(isChrome) document.getElementById('titleAreaBox').style.marginBottom = '-31px';

未经测试，但应该可以使用。

Answer 2

我会调查一下 http://www.quirksmode.org/js/detect.html

这是一段很长的代码，但它似乎涵盖了所有浏览器，你可以复制并粘贴它。