通过js为元素添加多项样式,浏览器全兼容写法
js给元素添加多项样式,浏览器全兼容示例写法：
<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>
js给元素添加多项样式，最快捷方便的是使用cssText属性，但其会重写整个style原有的值，要保留原先的style样式值，很简单，可像上示例中一样，用一个变量记录下原先的style原始值,再做一个字符串的拼接即可。
但要注意的一点是：ie8及以下浏览器obj.style.cssText返回的最后一个样式值是没分号的，形如：font-size:25px;background:#080 。只想说，ie一如既往的让人感觉不爽，呵呵。
所以示例中有意将oldStyle放置在字符串拼接的后面，这样拼接的样式字符串就算最后一个样式值没分号，也不会出问题，各浏览器样式应用显示就一致了，这也算是一个小技巧吧，没啥技术含量，但易忽略或忘记，知道自己记性不好，Mark下 ^_^
-
浏览器兼容 主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5的新元素，可以使用 JavaScript 创建一个没用的元素来解决，例如： <script> document.createElement("header"); </script> 也可以使用 shiv 来解决兼容性问题，详情可参考 HTML5 Shiv
-
问题内容： 我的页面宽50/50。左半部分具有六个div的行。条件： 6个正方形必须始终保持正方形。 前5个正方形应在右边留有边距/填充以进行分隔。 所有六个正方形必须保持同一行。如果我可以使它正常工作，那么我可以对较小的视口中的响应度进行必要的调整。 跨浏览器兼容最新版本的chrome和firefox。 L1 L2 L3 L4 L5 L6 问题答案： The main trick here is
-
本文向大家介绍bootstrap3 兼容IE8浏览器！，包括了bootstrap3 兼容IE8浏览器！的使用技巧和注意事项，需要的朋友参考一下 近期在使用bootstrap这个优秀的前端框架，这个框架非常强大，框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了，当我们制作网页上，只需直
-
本文向大家介绍JS兼容所有浏览器的DOMContentLoaded事件，包括了JS兼容所有浏览器的DOMContentLoaded事件的使用技巧和注意事项，需要的朋友参考一下 使用JavaScript操作dom元素的时候，通常会将获取dom元素的代码放在window.onload=function(){}事件处理函数中，但window.onload事件在某些开始后可能会影响客户体验，因为要等待所有
-
概览 本章描述了IE在处理自定义的HTML属性和标签时的一些独特之处。如果你要让你的AngularJS应用兼容IE8和IE8以下的版本的话，你需要仔阅读本章。 简易版 要让你的AngularJS应用在IE中正常运行你必须： 确保JSON字符串能被正常解析（IE7需要），你可以使用JSON2或者JSON3来实现。 你不能使用自定义的元素标签，如<ng:view>（你只能使用属性的形式，如<div n
-
本文向大家介绍JS 实现 ajax 异步浏览器兼容问题，包括了JS 实现 ajax 异步浏览器兼容问题的使用技巧和注意事项，需要的朋友参考一下 废话不多说了，直接给大家贴代码了，具体代码如下所示： 以上所述是小编给大家介绍的JS 实现 ajax 异步浏览器兼容问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！