Question

js 文件中 使用到 css 怎样处理呢？ 如图

js 文件中 又不能直接定义 style 请问这个应该怎样办呢？

Answer 1

使用css样式是设置DOM对象的className属性.

x.className = 'STYLE1';

 如果要设置style,应该设置css样式名称对应的属性,如果名称里有连字符-,要去掉后把后一个字母大写

x.style.fontSize = '12px';
x.style.color = '#666666';

追问

谢谢 你这个方法 很好使 非常感谢 很遗憾 采纳了别人

我还有一个问题 你可以看看 有分加 真心感谢你

http://zhidao.baidu.com/question/1301508572133837499.html?quesup2&oldq=1

Answer 2

用document.getElementById(id)或document.getElementsByTagName(tagName)获取到DOM对象，然后用DOM对象的style属性添加样式。

用jQuery更方便，$("#id").addClass(cssName);

追问

额 是这样的 我在 mutual.js 文件里面 使用js 代码创建了一个 button 对象 然后将button对象 class 直接赋值 STYLE 结果就报错了

追答

应该不会，代码贴出来看一下。

追问

内容太长了 我只能贴图出来了 不好意思 

追答

DOM元素是没有class属性的，添加样式要用dom.style="color:#F00;margin:10px;";这样添加，不然就是jQuery，代码如下
$("xxx").addClass("STYLEL");

追问

var span = document.createElement("span");
span.style = "color:#F00;margin:10px;";
我写成这样 也不行哦 还是老样子

追答

图片中蓝色的块就是用firebug的控制台的js代码创建的span元素，不可能不起作用。

Answer 3

在JS里面直接输STYLE1就可以
doucment.writeln('<style type="text/css">');
document.writeln('.STYLE1{font-size:12px;color:#666666;}');
document.writeln('</style>');

追问

谢谢 但这个方法 对我的无效 因为我的是动态 创建出来了 不是writeln 抱歉