主页 / 问题 / 1223924
Accepted
DGDays
Asked:2021-12-26 02:25:06 +0000 UTC2021-12-26 02:25:06 +0000 UTC

为什么背景和文字颜色没有变化？

  • 772

不管听起来多么有趣，但我在回答问题时遇到了问题XD

元素的背景图像和文本的颜色需要在 1 秒后发生变化。但即使我改变id它也不会发生。我究竟做错了什么？-_-

function toogleBackground(){
 let element = document.getElementsByClassName("toogleParagraph");
    if(element.id == 'gg'){
        element.id = 'bg';
    }else{
        element.id = 'gg';
    };
};

setInterval(toogleBackground, 1000);
#gg{
    background-image: url(img/1.jpg);
    color: chocolate;
    width: 100%;
    height: 900px;
}
#bg{
    background-image: url(img/2.jpg);
    color: chartreuse;
    width: 100%;
    height: 900px;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Это моя программа</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div>
        <p class='toogleParagraph' id='gg'>Вот туты должна меняться картинка</p>
    </div>
    <script src='script.js'></script>
</body>
</html>

PS 100% 的错误是尽可能的愚蠢，我只是瞎了XD

javascript

1 个回答

  1. Best Answer

    必要的：

    let element = document.getElementsByClassName("toogleParagraph")[0];

    更改元素的 id 是不好的形式。您可以使用任何其他属性，添加或删除一个类，只需更改 Style 属性...

    • 2

相关问题