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

Question

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

这是div:

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

这个 ic 是我正在使用的类:

#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';

未测试，但应该可以。