通过JavaScript更改样式图像

我有一个在我的文档头部指定的样式。我在一个部门指定背景图片，但后来需要改变它，如果用户点击链接，但我试图做的一切拒绝工作。通过JavaScript更改样式图像

<style type="text/css"> 
      /*Some CSS*/ 
      .large { 
       background: url('/images/artwork1.jpg') no-repeat; 
} 
</style. 

<div class="large"></div> 
<img id="main_image" alt="Image"/> 
<img onclick="javascript:document.getElementById('main_image').sr‌c='/images/artwork2.‌jpg'; $('.large').css({'background-image':'url(/images/artwork2.jp‌g)';" alt="Change Image"/>

我试图把背景图像带出风格，但点击链接并没有改变它。我试过JavaScript和jQuery。

来源

2016-09-26 Richard Young

请发表您的HTML开始以及:) – RasmusGlenvig

_“但一切我试图做拒绝工作” _ - 我们没有看到任何的问题提供:( – Rayon

粘贴[标签]（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/label）'javascript：'在你的onclick函数的前面是毫无意义的。它并没有声明你在用JavaScript编写代码 – Quentin

添加以下代码下点击事件

var element = document.querySelector(".large"); 

element.style.background = "url('/images/artwork1.jpg') no-repeat; 
}";

来源

2016-09-26 12:47:42 Marcin

我无法让它工作，我认为它可能与所有嵌套引号有关。 –

large

这是一个类型选择器，它匹配<large>元件。

类选择与.

$('.large').css({'background-image':'url(/images/artwork2.jpg)';

来源

2016-09-26 12:52:55 Quentin

我可以将JavaScript和jQuery混合到同一个onclick中吗？ –

Eh？ jQuery是一个JavaScript库。即它只不过是“其他人写的JavaScript函数”。 – Quentin

这是整个onclick声明。（$''large'）。css（{'background-image'：'url（/ *）。'）; –

通过JavaScript更改样式图像

回答

相关问题