javascript - 使用按钮更改颜色文本

Question

我尝试使用 javascript 更改 html 的文本颜色。经过几次尝试，我意识到如果我在 css 中更改它，我无法更改颜色。所以基本上这意味着 CSS 在最后执行？如果我也在 css 中更改它，如何在单击按钮后更改文本的颜色？抱歉我是新来的

function changecol()
      { 
          var html=document.body;

          html.style.backgroundColor='black';
          html.style.color='white';

      }

希望我的 html 中的所有行都变成白色，但只有那些我没有应用 css 的行变成白色

Answer 1

这是一种 jquery 方法，它将在单击按钮时更改颜色:

$("#butt").on("click",function(){
          $(".color").css("background-color","red");
          $(".color").css("color","white");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="color">HALLO</div>
<button id="butt">Change Color</button>