这位网友你好，首先你需要获取到要改变的元素，然后再修改其样式，语法如下：
var obj = documentgetElementById("要改变的元素id");
objstyle属性 = 属性值;
其实你的代码没有问题，是一个先后顺序。浏览器解析，读取时的先后问题，你的onload表示，浏览器加载页面开始就调用这个方法，他这个时候还没有读取到下面的div呢
你不要放在head标签里面的，正规的写法其实应该放在</body>后面，这样不论怎么样都可以的，保证正确
你好，根据你的要求，我写了下面的范例代码，请参考：
<script type="text/javascript">//记得要先引入jQueryjs框架哦
$(document)ready(function(){
if($('name')text()match('您好')){ //如果包含“您好”
$('box')css('background','yellow'); //box背景为**
}
if($('name')text()match('再见')){ //如果包含“再见”
$('box')css('background','red'); //box背景为红色
}
});
</script>
附：完整的HTML范例代码，用浏览器打开即可看到效果。
如还有疑惑，欢迎追问。
通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实JavaScript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。
1、JavaScript设置内联样式
改变样式最直接的方法就是改变元素节点的style属性。如：
myElementsytlecolor = “red”;
myElementsytleleft = “40px”;
myElementsytlebackgroundRepeat = “repeat-x”;
JavaScript设置内联样式时，采用和css设置样式一样的风格。如设置myElement的color属性时，我们可以赋值任何在css中可以用的值，所以这里除了可以使用”red”，还可以使用”blue”, ”yellow”或十六进制的”#ff0000”。
另外用JavaScript改变网页的属性还需要注意2点：
l JavaScript中采用驼峰命名法：在css中，属性名中的单词之间是用横杠隔开，如font-weight, background-color。但在JavaScript中，横杠可能被认为是减号，所以采用驼峰命名法，单词之间不用横杠，如font-weight在JavaScript中应该写成fontWeight;而background-color写成backgroundColor。
l JavaScript中属性值为字符串：在css中，属性值都写在双引号中，即要用字符串来给css相关属性赋值，同样当属性值有单位时，我们需要将单位也写在字符串中。
2、JavaScript设置外部样式
当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。如下格式：
myElementclassName = “someCSSclass”;
同样需要注意几点：
l 不要将className写成class，因为class是JavaScript保留的关键字，我们不能使用。
l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。
l 当要删除元素的样式，可以给className属性赋值为空。如：
myElementclassName = “”;
教程网 站-秒秒学上的JavaScript课程有一个章节专门讲解JavaScript改变样式的内容，可以看看，希望对你有帮助。
用css样式相关的接口 stylesheetinsertRule或者stylesheetaddRule 这两个都可以动态插入css样式 兼容性还可以 ie9+
比如
myStyleinsertRule("#blanc { color: white }", 0);
需要删除的时候还有deleteRule和removeRule两个方法
方法步骤：
先获取要改变css的元素。
改变这个元素的style属性。
eg:下面是改变div的背景色,改为蓝色。
<style>
div{width:200px;height:200px;background:#f00;}
</style>
<div>改变背景色</div>
<script>
var div = documentgetElementsByTagName("div");
divstylebackground = "blue";
</script>
js可实现用户对页面中的选择条件改变页面中的样式，页面样式可以通过style修饰，也可以通过css修饰，改变css样式，代码如下：
[html] view plaincopy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>Change1html</title>
<meta >
以上就是关于如何使用JS来改变CSS样式全部的内容，包括:如何使用JS来改变CSS样式、JS中改变CSS样式的问题、jquery或者js，获取匹配字符串更换CSS样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）