gpt4 book ai didi

javascript - 如何使用 JS 根据图像制作动态横幅更改背景颜色?

转载 作者:行者123 更新时间:2023-12-02 22:11:52 24 4
gpt4 key购买 nike

我正在制作一些动态横幅,我想通过消除颜色变化来减少变体的数量。我正在考虑根据从提要中获取的 Logo 来更改背景颜色和文本颜色。只有两种 Logo 变体。因此我认为 If/else 语句可以解决问题。但我无法让它发挥作用。我需要它根据“NoBorder.png”是否是“i19”的源图像来更改正文的颜色。我需要一个解决方案的解释,因为我对 JS 还很陌生。 `

<body onload="choseBG();" id="banner">    

<script>
var logoImg = document.getElementById("i19").src;
function choseBG(){

if(logoImg = 'assets/NoBorder.png'){
document.getElementById('banner').style.backgroundColor = '#CCCCCC'
}else{
document.getElementById('banner').style.backgroundColor = '#f20403'
}}
</script>`

最佳答案

请检查下面的代码

var bgImg = 'assets/NoBorder.png';
function choseBG(){
console.log(bgImg);
if(bgImg === 'assets/NoBorder.png'){
document.getElementById('banner').style.backgroundColor = '#cccccc'
}else{
document.getElementById('banner').style.backgroundColor = '#f20403'
}
}
<body onload="choseBG();" id="banner">

</body>

关于javascript - 如何使用 JS 根据图像制作动态横幅更改背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59532352/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com