5

我是java script的初学者。我使用java script将文本颜色更改为红色的波纹管代码。但它不起作用。我的代码中的错误是什么？

<!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>
4

5 回答 5

9

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>
于 2013-01-29T04:25:31.243 回答
6

不要使用innerHTML，它返回一个字符串。

使用对象本身的样式。

检查它是否有效：JsFiddle

于 2013-01-29T04:24:04.520 回答
2

你可以试试这个...

document.getElementById('demo').style.color = '#FF0000';
于 2013-01-29T04:32:07.667 回答
1

替换此代码：

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，但您需要引用标签本身。

于 2013-01-29T04:28:36.823 回答
0 

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
document.getElementById("demo").style.color="red";
}
</script>
</head>
<body>

<h1>Your Fixed JavaScript</h1>
<p id="demo">click on the button bellow.....</p>

<button onclick="display()">Display</button>

</body>
</html>

这是固定的，我只是将单词的更改变为红色，因为它不是

于 2021-06-07T21:23:01.427 回答