欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

使用JavaScript通过cssText添加样式的方法

最编程 2024-08-10 13:04:04
...

首先说说html添加样式的方式有哪些?

1、行内写样式,在标签中通过style写样式,如:

<div style="width:200px;height:300px;background:red"></div>
2、写内部样式表,也就是在head标签中加入<style></style>标签,将样式写在这里边,如:
<style>
div{width:300px;height:400px;background:red}
</style>
3、外部引入样式,这也是最常用的一种,通过<link rel="stylesheet" href="jasmine.css">
4、通过js修改样式,node.style.width = '300px'

以上都是常见的也是常用到的一些添加样式方法,今天在看书的时候看到了js添加样式的另外一种方法,顿时觉的这个逼格真的好高啊,这个方法就是node.style.cssText = '';


这个值可以是多个属性值,就好比jq中$('').css();可以同时添加多个样式



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

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


推荐阅读