使用javascript更改颜色_Javascript

使用javascript更改颜色

javascript

使用javascript更改颜色,javascript,Javascript,我是java脚本的初学者。我使用java脚本编写了下面的代码，将文本颜色更改为红色。但是它不起作用。我的代码中有什么错误 <!DOCTYPE html> <html> <head> <script> function display() { var col=document.getElementById("demo").innerHTML; col.style.color="red"; } </script> </head>

我是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>


函数显示（）
{
var col=document.getElementById（“demo”）.innerHTML；
col.style.color=“红色”；
}
我的第一个JavaScript
单击下面的按钮
展示

不要使用

innerHTML

，它会返回一个字符串

在对象本身上使用样式

检查它是否工作：

从

var col=document.getElementById（“demo”）.innerHTML中删除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>


函数显示（）
{
var col=document.getElementById（“演示”）；
col.style.color=“#FF0000”；
}
我的第一个JavaScript
单击下面的按钮
展示
替换此代码：
function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}

为此：
function display()
{
var col=document.getElementById("demo");
col.style.color="red";
}

内部html将包含演示标记内的html，但您需要参考标记本身。
您可以尝试以下操作
document.getElementById('demo').style.color = '#FF0000';



函数显示（）
{
document.getElementById（“demo”）.style.color=“红色”；
}
你的固定JavaScript
单击下面的按钮
展示
只需使用：function display（）{var col=document.getElementById（“demo”）；col.style.color=“red”}