通过控制台更改段落标签颜色

Question

我想让页面上的所有段落标记都是白色的，通过在控制台中放入一些东西。我尝试这样做:

document.p.style.color = 'white';

，但这不起作用。我知道改变主体标签在控制台工作

document.body.style.background = 'black';

Answer 1

下面是您的答案的示例代码:

HTML:

<p id="ANYTHING_YOU_WANT">ANYTHING_YOU_WANT</p>

JS:

const VARIABLE_NAME = document.getElementById("ANYTHING_YOU_WANT");
VARIABLE_NAME.style.color = "aqua";

给出你的类和文本而不是ANYTHING_YOU_WANT和变量名代替VARIABLE_NAME

…

Answer 2

您需要单独选择段落或批量选择段落以更改其属性。

由于只有一个主体document.body工作

但是可以有多个段落所以

你需要选择他们的id

document.getElementById("Id");

或者:

document.querySelectorAll('p').forEach(p => p.style.color = 'white');