我有一些文本和一个按钮。一旦用户单击按钮,我希望文本的背景颜色更改为绿色并返回。但是如果我点击按钮什么也不会发生...
这是 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 的文本始终显示在页面上。
有什么线索吗?
最佳答案
可以通过 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。您还希望更改计时器,使第一个函数在一秒后发生,下一个函数在一秒后发生。
关于javascript - 如何突出显示我的文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22642129/