在运行时更改所有CSS属性

时间:2011-05-31 08:28:32

标签: javascript jquery

我的页面有几个Button&amp; <div>内的图片。我有这样的要求:

在点击任何图像或按钮时,会出现包含所有css属性的div /页面,并提供更改关注元素的CSS属性的选项。例如。颜色,价值,字体大小等....

是否有可用的插件或我需要自己创建。我很感激你的建议

由于

5 个答案:

答案 0 :(得分:0)

我怀疑会有这样的插件知道你所有元素的ids /名字。拥有这样的插件的唯一方法是,如果它按元素类型搜索,但这将是真正的uncleaver,因为它可能列出100多个html元素,而你只需要改变5(例如)。在我看来,自己写它会更好,更聪明。

答案 1 :(得分:0)

jQuery使这些更改变得微不足道,看看.css()函数。为了获得所有元素,您可能希望查看DOM traversal

答案 2 :(得分:0)

您可以根据需要参考这些插件并修改源代码....

changecss

http://www.bramstein.com/projects/jsizes/

答案 3 :(得分:0)

如果您只需要将其用于调试目的,则可以使用Chrom'e开发工具或Mozilla Firebug。它们允许您动态可视化和更改CSS属性。

如果你需要这个用于运输产品,那么祝你好运。看起来非常困难,特别是处理CSS优先级规则。也许你可以从Firebug的代码中获得一些可重用的代码,主要是JS。

答案 4 :(得分:0)

使用jquery设置所需的css属性。 使用选择器和谷歌使用Jquery设置css属性。