javascript - 更改依赖于浏览器的类中的元素

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

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