使用javascript改变颜色

Dja*_*Dev 3 javascript

我是java script.i的初学者.使用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> 
Run Code Online (Sandbox Code Playgroud)

Fel*_*eca 6

不要使用innerHTML,它返回一个String.

使用对象本身的样式.

看看它的工作原理:JsFiddle


Pra*_*dra 5

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>
Run Code Online (Sandbox Code Playgroud)