JS或JQ改更HTML代码的CSS样式名

本人就是想改HTML代码里的CSS样式名,是页面加载完就已经改过来了(不须要通过鼠标去点击类的)

如我的网页有一段html代码:

<div class="AAA">改掉这三个A</div>
就是把"AAA"改成别的值。

1. 普通JS方法:

<div class="AAA">改掉这三个A</div>
<script>
window.onload = function(){
var divs = document.getElementsByTagName("div");
for(var i = 0; i < divs.length; i++) {
if(divs[i].className == "AAA")
divs[i].className = "BBB"; //改成BBB
}
};
</script>


2. Jquery方法(需要引用Jquery文件):

<div class="AAA">改掉这三个A</div>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$(".AAA").attr("class", "BBB"); //改成BBB
});
</script>

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-06-19
这里 看你是更改多个 class 为 AAA 的,还是 只需要更改一个。
如果是多个的话,建议用 Jquery做。

建议你去 w3cschool 上看下 jquery的语法后自己写。
第2个回答  2014-06-19
$(".AAA").attr("class","BBB");
或者
$(".AAA").removeClass("AAA").addClass("BBB");

第3个回答  2014-06-19
$(".AAA").attr("class","AA");追问

你这个是JQ吗, 全码是怎么样的?

追答

楼下的回答比我详细,也挺好的。看他的。

JS或JQ改更HTML代码的CSS样式名
1. 普通JS方法:<div class="AAA">改掉这三个A<\/div><script>window.onload = function(){var divs = document.getElementsByTagName("div");for(var i = 0; i < divs.length; i++) {if(divs[i].className == "AAA")divs[i].className = "BBB"; \/\/改成BBB}};<\/script> 2. ...

如何用jquery或者js来自定义css
1、直接将内联样式CSS定义在jQ内:(".div2").css("background-color","red");2、调用外部样式CSS,利用jQ获取类:(".div2").addClass("color-red");解释:第1种方式,获取带有div2样式的容器,将背景为红色的样式直接以style="background-color:red"的方式直接斌到div2的容器内;第2种方式...

关于JS JQ的问题 会改代码的大神在哪里
1、引入文件 <link rel="stylesheet" href="css\/jquery.fullPage.css"><script src="js\/jquery.min.js"><\/script><script src="js\/jquery.fullPage.js"><\/script>2、html布局 <div id="dowebok"> <div class="section"> <h3>第一屏<\/h3> <\/div> <div class="section">...

js改变css后用append进新数据无法得到改变后的css
js更改的只是表面上的,除非你把他作为一个变量保存,然后,绕过新添加的数据也使用这个变量存储的样式。或者,直接用ID或class来区分两组css样式(如原来为.base {...},更细后为.new {...}),为新添加的内容添加修改的css标签(class="new")。CSS称之为层叠样式表,样式的定义是有一定权重的。

如何用JavaScript动态修改CSS样式表
<\/STYLE> <div class="theforever">这里应该是红色的,但它会被下面的JS通过改变CSS样式设置而变成黄色<\/div> <div id="theforever">这里应该是银灰色的,的确这个不会发生变化,只作为对比<\/div> <script> document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(\/red\/g,"...

jquer ajax 返回html标签不能正常显示css样式
我不清楚你的描述 但是我感觉你的问题所在 是 jq 没有取到 当前元素 因为后来 ajax出来 的元素 在之前的 jq 里面是无法操作的 你可以 再 ajax 的时候 看看 jq 能不能 提示当前的dom 如果是 事件 用 live 不要用bind 如果是样式 再 ajax success 之后 在操作 ...

JQ如何获取UL里的前3个li,然后更改em的class属性
可使用CSS3给前3个li设置样式,具体代码如下:.newlist ul li:nth-child(1){}\/*第一个li的样式设置*\/.newlist ul li:nth-child(2){}\/*第二个li的样式设置*\/.newlist ul li:nth-child(3){}\/*第三个li的样式设置*\/.newlist ul li:nth-child(1) > span{}\/*第一个li下面的span...

css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html,index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存,在浏览器中打开index.html。效果如图。鼠标移入移出div时,div的样式改...

html div+css 如何消除div中的style样式!
这个是不行的,行内css的权限是高于一切的,css不能消除

html正文引用外部css文件。求body正文中引用的方法。head中的我会。
从优化的角度来说不好。另外@import是css自带的属性,如果你想用js或者jq来改变样式路径时找不到对应节点 body中一样可引用<link \/>来加载样式的 如下:<body> <link href="css.css" rel="stylesheet" type="text\/css" \/> <div class="cc">sdf sad fasd fsa s f<\/div> <\/body> ...

相似回答