使用 addEventListener('click') 将 click 事件附加到按钮，然后使用 .style.color = 'color' 更改文本颜色，查看以下示例。

注意： 如果为元素提供标识符会更好。

希望这会有所帮助。

document.querySelector('button').addEventListener('click', function(){
    document.querySelector('p').style.color='green';
})

<p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p>
<button>COLORCHANGER</button>

首先，您需要使用 document.getElementsByTagName("button")[0]; 找到要更改颜色的元素，并将其存储在变量中。

接下来，在按钮元素上使用事件监听器来监听点击。

当点击执行时， p 元素将改变其颜色为蓝色。

var colorChanger = document.getElementsByTagName("button")[0];
colorChanger.addEventListener("click",function() {
  document.querySelector('p').style.color = "blue";  
});

<p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p>
 <button>COLORCHANGER<button>

function changeColor(){
var element = document.getElementById("questionContainer");
element.className = "myClass";
}

.myClass{
 color:red; 
 }

<div id="questionContainer"> 
<p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p>
  </div>
 <button onclick="changeColor()">COLORCHANGER<button>