JS中style属性

148 阅读 0 评论 98 点赞

我是靠谱客的博主眼睛大啤酒，最近开发中收集的这篇文章主要介绍JS中style属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

现在我需要对这个标签赋值，其内容为：
1、需要显示的字为“HELLO WORLD”；
2、span的 background-color : red ，另外还要：border:1px solid #333333;cursor:hand;

我需要在<script></script>内把他们赋值，请问怎么写呢？难道要：
document.getElementById("a").style.background="red"; 来一项一项的写？
能不能一下子把style写完啊，怎么写啊？
解决办法：
1、先定义一个CSS规则，然后this.className=''
2、document.getElementById("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;"