JavaScript添加标签样式兼容浏览器

今天突然使用原生态的JavaScript给标签添加样式的时候遇到尴尬了,然后冥冥之中看到了这样的方式,保存一下,以作为以后的笔记

cssText 的使用    

obj.cssText = " width:200px;position:absolute;left:100px;";

正如那篇文章所提cssText会清除之前元素含有的样式,所以得使用

obj.cssText += " width:200px;position:absolute;left:100px;";

但是在IE中的最后一个分号会被删除

obj.cssText += " ;width:200px;position:absolute;left:100px;"; //这样便能解决在IE中出现的问题了

 可这样代码也显得有些麻烦(起码在我自己看来),于是又找了找其他方法

			function setjson(obj,json){
				for(var i in json){
					obj.style[i]=json[i];
				}
			}

使用的时候直接

setjson(obj,{width:"200px",height:"200px"});

自我感觉这样方法倒是挺不错

猜你喜欢

转载自blog.csdn.net/qq_20617983/article/details/81208184