Question

第一次使用JavaScript并试图让我的网站页脚标题和背景颜色改变颜色。我创建了按钮：

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

JavaScript代码：

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

Answer 1

<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);，以避免链接的默认操作。

JS：

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

Answer 2

给你的锚元素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);

Answer 3

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

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

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

<div id="body">

javascript链接按钮来改变颜色

3 个答案: