使用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;
推荐阅读
-
JavaScript里style.cssText的使用方法及其兼容性探讨
-
使用JavaScript通过cssText添加样式的方法
-
两种使用JavaScript修改CSS样式的方法
-
四种使用原生JavaScript修改CSS样式的方法
-
大量使用cssText修改元素样式的方法
-
如何使用JavaScript的setAttribute方法批量设置CSS样式?
-
使用JavaScript动态添加CSS样式表文件的方法
-
使用JavaScript修改CSS样式的方法:style.cssText
-
给新添加的元素添加事件监听器:使用JavaScript的事件委托方法
-
Intellij IDEA 插件开发入门详解 - 如何添加 Application 和 Project Component,并创建 Action? 在本文中,我们将详细介绍如何在 IntelliJ IDEA 中添加 Application 和 Project Component,并且通过这些组件来创建一个简单的 Action。 首先,我们将在 src 目录上使用 Alt+Insert 快捷键打开 New 对话框,然后从中选择 Application Component 并输入名称如 MyComponent。接下来,我们在 MyComponent 类中添加一个 sayHello 方法并编写相关逻辑。 然后,我们需要为我们的插件添加一个 Action,使用户可以通过菜单或其它方式访问它。为此,我们将创建一个新的类 SayHelloAction 继承自 AnAction 类,并在 actionPerformed 方法中获取 Application 和 MyComponent 对象,最后调用 MyComponent 的 sayHello 方法。 最后,我们需要为我们的插件配置相关的文件以确保它可以正常运行。在本文中,我们将详细介绍如何进行这些配置。