Question

我是javascript的初学者。我使用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>

Answer 1

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

使用对象本身的样式。

检查它是否有效：JsFiddle

Answer 2

从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>

Answer 3

你可以试试这个......

document.getElementById('demo').style.color = '#FF0000';

Answer 4

替换此代码：

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

Answer 5

def user_directory_path(instance, filename):
    return 'user_{0}/{1}'.format(instance.name, filename)

class Customer(models.Model):
   name = ForeignKey(Person)
   img = ImageField(upload_to=user_directory_path)

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

使用javascript改变颜色

5 个答案: