javascript - 如何突出显示我的文字

Question

我有一些文本和一个按钮。一旦用户单击按钮，我希望文本的背景颜色更改为绿色并返回。但是如果我点击按钮什么也不会发生...

这是 JS 脚本:

<script>
function bright(){
    kontakt = document.getElementById('kontakt');
    kontakt.bgcolor = '#A5DF00';
}
function dark(){
    kontakt = document.getElementById('kontakt');
    kontakt.bgcolor = '#000000';
}
function highlight(){       
    setTimeout(bright() , 1000);
    setTimeout(dark() , 1000);
}
</script>

我从按钮的onclick 属性中调用highlight()，如下所示:onclick='highlight()'。

带有 id kontakt 的文本始终显示在页面上。

有什么线索吗？

Answer 1

可以通过 style 属性访问 css 属性:

var kontakt = document.getElementById('kontakt');
function bright(){
    kontakt.style.backgroundColor = '#A5DF00';
}
function dark(){
    kontakt.style.backgroundColor = '#000000';
}

所有 CSS 属性都可以通过相同的方式访问。如果属性中有破折号 z-index 只需使用驼峰式大小写表示法。

例如:kontakt.style.zIndex

您还需要像这样更新 setTimeout:

function highlight(){       
    setTimeout(bright , 1000);
    setTimeout(dark , 2000);
}

在您的情况下，您正在调用函数并将它们返回的任何内容传递给 setTimeout。您还希望更改计时器，使第一个函数在一秒后发生，下一个函数在一秒后发生。