javascript - 如何使用 JS 和 onclick 按钮更改段落颜色？

Question

我正在使用一个按钮来显示我的段落（和我的标题，但我还没有）改变颜色的模式。我可以通过单击此按钮更改页面的背景，但无法更改段落的颜色。请注意，他们分配了一个班级。这是我的 JS 页面上的以下代码：

function chBackcolor(color) {
   document.body.style.background = color;
};
function changeColor(color) {
   document.getElementsByClassName('forma').onclick = changeColor;
}

这是我在 HTML 上使用的：

`<input type="button" value="Mode Psychédélique" 
     onclick="chBackcolor('magenta'), changeColor('blue')">    

`

在此先感谢您的帮助 ！

标签： javascripthtmlbuttoncolorsonclick

Answer 1

为了更改每个段落的颜色，您可以使用：

document.querySelectorAll('.forma').forEach(function(ele) {
     ele.style.color = color;
});

function chBackcolor(color) {
    document.body.style.background = color;
};
function changeColor(color) {
    document.querySelectorAll('.forma').forEach(function(ele) {
        ele.style.color = color;
    });
}

<p class="forma">paragraph1...............</p>
<p class="forma">paragraph2...............</p>
<p class="forma">paragraph3...............</p>
<input type="button" value="Mode Psychédélique" onclick="chBackcolor('magenta'), changeColor('blue')">