JavaScript链接按钮以更改颜色

javascript linking buttons to change colour

本文关键字：颜色 链接 按钮 JavaScript      更新时间：2023-09-26
第一次

尝试使用JavaScript，并尝试让我的网站页脚页眉和背景颜色改变颜色。我已经创建了按钮：

  <div class="styleBut">  
   <a href="#" class="btn btn-warning">ReStyle</a>
   <a href="#" class="btn btn-warning">Reset</a>
  </div>

还有 JavaScript 代码：

我

没有得到的问题是如何将它链接回我的按钮，我猜是点击，但由于某种原因它不起作用。 

<div class="styleBut">  
   <a href="javascript:void(0);" class="btn btn-warning">ReStyle</a>
   <a href="javascript:void(0);" class="btn btn-warning" id="reset">Reset</a>
  </div>

而不是在href中#，将其更改为javascript:void(0);以避免 hypherlink 的默认操作。

.JS：

document.getElemenentById("reset").onclick = changeBack

像这样为锚元素 id 属性提供：

    <a href="#" id="restyle" class="btn btn-warning">ReStyle</a>
    <a href="#" id="reset" class="btn btn-warning">Reset</a>

然后在 JavaScript 中访问它们，如下所示：

    var restyleButton = document.getElementById("restyle");
    var resetButton = document.getElementById("reset");

然后"连接"元素以单击事件和事件发生时应调用的函数，如下所示：

    restyleButton.addEventListener("click", changeLook);
    reset.addEventListener("click", changeBack);

如果您使用此语法，它通常应该可以工作：

<a href="#" class="btn btn-warning" onclick="changeLook()">ReStyle</a>

还要确保您尝试更改的元素具有 id ：

<div id="body">
相关文章：