问个关于js动态修改样式的问题

WADS913 2011-02-21 10:54:06

现在我有一个需求是动态修改内部样式。但是不知道应该怎么做。
比如
<style>
.div1
{ background:url(images/show1.jpg) no-repeat 0 0; width:100px; height:100px; border:1;}
</div>

想要动态的修改.div忠的url属性。
不知道有没有办法。

额。我知道这个需求很那啥。。

...全文

207 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在很多情况下，都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式，下面将介绍方法的使用、效果、以及缺陷。 1、使用obj.className来修改样式表的类名。 2、使用obj.style.cssTest来修改嵌入式的css。 3、使用obj.className来修改样式表的类名。 4、使用更改外联的css文件，从而改变元素的css 下面是一段html代码和css代码用来解释上面方法的区别的。 CSS .style1{margin:10px auto ;background-color:#9999FF; display:block;color:Whit

看过我写的《用JavaScript动态建立或增加CSS样式表的实现方法》之后，你就很容易想明白如何修改CSS样式表了。正好今天在论坛碰到一位朋友问这样的一个问题： <style> .ls{width=120px;} </style> [removed] //在这里加一句来改变.ls中width的值，如何写 [removed] 有的朋友回答：“如果使用.ls的对象很多的话，用JS确实不方便, jquery方便,$(“.ls”).width(200);这样就行”。他是想用JQ的类选择器.ls选择所有使用这个样式的对象，对它们逐个进行调整，而非更改CSS样式表，所以会有“对象很多”的顾虑。

1、外部样式当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部： <head><link rel=”stylesheet” type=”text/css” href=”path/myCss.css”/></head> 2、内部样式当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用<style>标签在文档头部定义内部样式表。 <head><style type=”text/css”>样式</style></head> 3

主要介绍了JavaScript实现为input与textarea自定义hover,focus效果的方法,可实现根据鼠标事件动态改变input与textarea样式的功能,具有一定参考借鉴价值,需要的朋友可以参考下

在页面 http://www.cnblogs.com/strick/p/3884797.html 有一些说明

2,129

社区成员

37,919

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章