更改依赖于浏览器的类中的元素
Change an element in a class dependant on browser
我想要的是检测用户是否使用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中可能吗?
var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') >= 0;
if(isChrome) document.getElementById('titleAreaBox').style.marginBottom = '-31px';
我会调查一下http://www.quirksmode.org/js/detect.html
这是一段很长的代码,但它似乎涵盖了所有的浏览器,你可以复制并粘贴它
相关文章:
- 浏览器是否持久缓存脚本元素的编译版本
- 如何在浏览器窗口变大/变小时捕捉元素的宽度
- Selenium无法在浏览器DOM中定位元素
- Android浏览器设置元素大小太小
- 在浏览器之前滚动不可见的元素
- 如何在浏览器中选择所有*renderable*文本元素
- 同一元素的 this.id 值在浏览器之间是不同的
- 在不使用 CSS 的情况下,将元素与浏览器屏幕顶部保持设定的距离
- 如何从浏览器隐藏视频src属性's检查元素
- 将html元素渲染到浏览器视口
- 如何检测html元素是否在浏览器窗口中
- 是否有跨浏览器和跨框架的方法来检查对象是否是HTML元素
- 禁用浏览器自动选项(显示输入元素中保存的单词)
- Android默认浏览器:谷歌地图制作“;位置:相对;元素在页面顶部滚动
- 如何克隆<浏览器>元素
- 获取元素高度的正确方法(使用所有浏览器?)
- 如何在没有safari的情况下为浏览器隐藏视频元素
- 触摸浏览器中的某个元素(如指针事件:无)
- 根据浏览器大小对元素进行定位
- 创建/追加 HTML 元素(浏览器内存)