使用Javascript更改背景图像CSS
我有一个Wordpress站点,在类的标题中有一个背景 我想写一点JS来根据标签改变背景图片。Hashtag脚本正在工作,但更改BG位不工作-请帮助…:-( 我写的剧本是:使用Javascript更改背景图像CSS,javascript,jquery,wordpress,background-image,Javascript,Jquery,Wordpress,Background Image,我有一个Wordpress站点,在类的标题中有一个背景 我想写一点JS来根据标签改变背景图片。Hashtag脚本正在工作,但更改BG位不工作-请帮助…:-( 我写的剧本是: document.getElementsByClassName("eut-bg-image").style.backgroundImage = "url(https://boutiqueballer.com/wp/wp-content/uploads/2017/10/chanel.jpg)"; })(); getEle
document.getElementsByClassName("eut-bg-image").style.backgroundImage = "url(https://boutiqueballer.com/wp/wp-content/uploads/2017/10/chanel.jpg)";
})();
getElementsByClassName
生成元素集合。集合中的单个元素具有style
属性,而不是集合本身。如果只针对一个元素,则可以通过索引访问它:
document.getElementsByClassName('eut-bg-image')[0].style.backgroundImage = ...;
如果目标是多个元素,则可以迭代它们:
var elements = document.getElementsByClassName('eut-bg-image');
for(var i = 0; i < elements.length; i++)
elements[i].style.backgroundImage = ...;
getElementsByClassName
生成元素集合。集合中的单个元素具有style
属性,而不是集合本身。如果只针对一个元素,则可以通过索引访问它:
document.getElementsByClassName('eut-bg-image')[0].style.backgroundImage = ...;
如果目标是多个元素,则可以迭代它们:
var elements = document.getElementsByClassName('eut-bg-image');
for(var i = 0; i < elements.length; i++)
elements[i].style.backgroundImage = ...;
还请包括HTML以及调用JavaScript的方式和位置。还请包括HTML以及调用JavaScript的方式和位置。谢谢David,我试过了,但仍然不起作用。document.getElementsByClassName('eut-bg-image-id-2313')[0]。style.backgroundImage=“url()”;});查看源代码,渲染源代码中的第896行就是
}()代码>但没有匹配的左括号。删除整行,它会导致语法错误。然后,再往下看,您有一个未关闭的if(window.location.hash){
。在关闭内部if
的那一个之后添加一个}
。谢谢,David。现在都在工作。我以前不小心把它们忘在里面了。谢谢你,大卫,我试过了,但还是没用。document.getElementsByClassName('eut-bg-image-id-2313')[0].style.backgroundImage=“url()”;})();查看源代码,渲染源代码中的第896行就是}()代码>但没有匹配的左括号。删除整行,它会导致语法错误。然后,再往下看,您有一个未关闭的if(window.location.hash){
。在关闭内部if
的那一个之后添加一个}
。谢谢,David。现在都在工作。我以前不小心把它们忘在里面了。非常感谢