Css 在页面加载时动态更改背景模式w/prototype_Css_Prototypejs

Css 在页面加载时动态更改背景模式w/prototype

css

Css 在页面加载时动态更改背景模式w/prototype,css,prototypejs,Css,Prototypejs,与Twitter类似，我试图允许用户上传自己的背景图案/图像。我想知道在页面加载时动态更改背景模式的最佳方法是什么。我正在使用带有rails的原型，并通过在我的主布局页面中放置以下内容进行测试： <body id="pattern"> <script type="text/javascript"> document.observe('dom:loaded', function(){ $('pattern').setStyle("ba

与Twitter类似，我试图允许用户上传自己的背景图案/图像。我想知道在页面加载时动态更改背景模式的最佳方法是什么。我正在使用带有rails的原型，并通过在我的主布局页面中放置以下内容进行测试：

<body id="pattern">
     <script type="text/javascript"> 
      document.observe('dom:loaded', function(){
        $('pattern').setStyle("background-image:url('/images/patterns/pattern.png');")
      })
    </script>
</body>


document.observe（'dom:loaded'，function（））{
$（'pattern'）.setStyle（“背景图像：url（'/images/patterns/pattern.png'）；”）
})

这是有缺陷的b/c，在使用javascript更改之前，会加载不同的背景颜色。有没有办法在dom:loaded事件之前更改css？这是正确的常规方法吗？

如果您不想让javascript组织得不那么引人注目，那么只要脚本出现在$（'.pattern'）元素之后，就可以直接将其作为目标，而无需等待文档的其余部分加载dom:load