如何在每次刷新时更改字幕标记中的文本颜色

时间:2018-10-27 08:13:26

标签: javascript html

在解决以下问题方面提供了帮助。....

每次刷新时,我想通过调用javascript函数来更改字幕标记中的文本颜色…… 我正在获取像#18EEC5这样的颜色代码......但是从选取框标签调用脚本函数时没有任何反应……

<html>
<head>
<script type="text/javascript">
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (i = 0; i < 6; i++ ) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}   
</script>
</head>
<body>  
<script> 
$col=getRandomColor();
document.write(getRandomColor()); 
</script>
<marquee style="color: 'document.write(getRandomColor())'; font-size: 20pt; font-weight: bold">
Text Color Changes
</marquee>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

尝试一下。

<html>
<head>

<script>
function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}
</script>

<style>
#marquee {
    font-size: 20pt;
    font-weight: bold;
}
</style>

</head>
<body>

<marquee id="marquee">Text Color Changes</marquee>

<script>

$marquee = document.getElementById('marquee');
$marquee.style.color = getRandomColor();

</script>

</body>
</html>

答案 1 :(得分:0)

尝试每次加载时重新运行代码

 <body onload="getRandomColor()">