我能'；t在javascript中将颜色更改为红色

我正在尝试使用JavaScipt（onclick）更改

p

标记的颜色，在W3s中，它显示：

function myFunction() {
    document.getElementById("demo").style.color = "red";
}

但是我不喜欢

document.getElementById

这个东西，所以我想知道如何替换它

我正在尝试

function change() {
    document.write(color().style.color = red);
}

---

但它不起作用。（请记住，我是javascript新手）谢谢。：）

文档。write

接受要输出到

文档的值

 function change() {
   document.write(<div id='demo' style='color: red'>TEXT</div>);
 }

函数更改（）{
文件。书写（文本）；
}
您可以使用
这个
关键字

this.style.color = 'red';

要更改元素的样式，您需要对该元素的引用，这正是
document.getElementById
提供给您的。还有其他方法，但由于您将其用作onclick侦听器，因此可以利用
this
关键字包含对目标元素的引用这一事实

示例代码片段：


单击此按钮将颜色更改为红色
您可以使用与
document.getElementById
非常类似的
document.querySelector
，在您的情况下，它也会这样做。请注意，
document.write
这一次不是正确的方法，因为它直接将文本写入HTML文档，您无法使用它更改元素的颜色

querySelector（element）获取具有给定id或
括号中的类


function myFunction（）{document.querySelector（“#demo”）.style.color=“red”}
#演示{
宽度：200px；
高度：100px；
背景颜色：蓝色；
}
看着我改变
更改颜色
如果您不喜欢JavaScript（document.getElementById）{但是为什么？}，您可以使用如下CSS：

：活动选择器用于选择活动链接并设置其样式。A.
当您单击链接时，它将变为活动链接。：活动选择器可以是
用于所有元素，而不仅仅是链接


p{颜色：蓝色；光标：指针；}
p:活动{颜色：红色}
我在单击时更改颜色
您不喜欢？在第二个函数中，您没有使用任何ID，它无法工作..您喜欢
document.write（）
而不是
document.getElementById（）
？另外，第二个代码段中的
color（）
函数应该做什么？您可以尝试将jquery用于类似的功能<代码>$（“#演示”）.css（“颜色”、“红色”）

@jaxtellerjquery？要替换单行函数？@JaxTeller您真的不应该向还不了解JavaScript元素操作基础知识的人推荐jQuery。。。这让他们更加困惑。旁注：这是

w3schools

，因为它与实际的W3C没有关系。