JavaScript:使用按钮更改文本颜色,每次单击按钮时,都会显示不同的样式。不起作用

问题描述 投票:6回答:4

我对JavaScript相当陌生。我只是做了这个简单的脚本:

[HTML代码]

<html>
<body>

<script src="externalscript.js"></script>

<p id="text">This text will change style</p><br>
<button type="button" onclick="changeStyle()">Click me</button>
</body>
</html>

[[JS代码]] >>

function changeStyle() {

status = 1;
x = document.GetElementById("text");

if(status==1) {
    x.style.color = 'blue';
    status = 2;
}

if(status==2) {
    x.style.color = 'red';
    status = 3;
}

if(status==3) {
    x.style.color = 'yellow';
    status = 1;
}

}

我希望它每次单击按钮时都会将文本更改为其他样式。但是,这不起作用。谁能解释一种正确执行此操作的方法?

我对JavaScript相当陌生。我只是编写了一个简单的脚本:[HTML代码]

javascript html css
4个回答
3
投票


4
投票

尝试一下:


1
投票

您需要在函数外部定义变量status=1,否则每次单击按钮时将其设置为1。还需要将GetElementById("text");更改为getElementById("text");


0
投票

尝试此代码

© www.soinside.com 2019 - 2024. All rights reserved.