如何在html中嵌入css中的javascript函数？

Question

我有一个名为"background_url"的javascript函数,它输出一个随机的背景图像.

我试图以这种方式调用该函数:

 <td style="<script type="text/javascript">background_url();</script>"></td>

但我浏览器中输出的唯一内容是:

字符串"background_url();"

javascript函数如下

function background_url(){

var myimages=new Array()
myimages[1]="images/img1.jpg"
myimages[2]="images/img2.jpg"
myimages[3]="images/img3.jpg"   
//call a random function that returns id of image etc               
     document.write('background-image: url('+myimages[id]+')');
}
       </script>

未显示背景图像,我该怎么做才能解决这个问题？

提前致谢

Answer 1

别.

以正确的方式做到这一点.

为td元素提供一个类(如果有多个共享背景)或一个id(如果此元素是唯一的)并使用JavaScript使用适当的选择器设置样式.

var tds = document.querySelectorAll('td.some-class-name');
for(var i = 0; i < tds.length; i++){
    var td = tds[i];
    td.style.backgroundImage = 'url(' + randomImageUrl + ')';
}

或者,如果你使用像jQuery这样的库,它会更容易一些:

$('td.some-class-name').css('background-image','url(' + randomImageUrl + ')');