Javascript 使用javascript改变颜色
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14575616/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
changing color using javascript
提问by DjangoDev
i am a beginner to java script.i do the bellow code for changing the text color into red using java script.But it doesn't work.what is the error in my code?
我是java脚本的初学者。我使用java脚本将文本颜色更改为红色的波纹管代码。但它不起作用。我的代码中的错误是什么？
<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}
</script>
</head>
<body>
<h1>My First JavaScript</h1>
<p id="demo">click on the button bellow.....</p>
<button onclick="display()">Display</button>
</body>
</html>
回答by Felipe Fonseca
回答by Prasanth Bendra
Remove innerHTMLfrom var col=document.getElementById("demo").innerHTML;
删除innerHTML从var col=document.getElementById("demo").innerHTML;
<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo");
col.style.color="#FF0000";
}
</script>
</head>
<body>
<h1>My First JavaScript</h1>
<p id="demo">click on the button below.....</p>
<button onclick="display()">Display</button>
</body>
</html>
回答by Devang Rathod
You can try this ...
你可以试试这个...
document.getElementById('demo').style.color = '#FF0000';
回答by Fred Thomsen
Replace this code:
替换此代码：
function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}
with this:
有了这个：
function display()
{
var col=document.getElementById("demo");
col.style.color="red";
}
Inner html would contain the html inside the demo tag, but you need to refer to the tag itself.
内部 html 将包含 demo 标签内的 html，但您需要引用标签本身。
