JavaScript链接按钮以更改颜色

首次使用JavaScript进行游戏并尝试获取我的网站页脚标题和背景颜色以更改颜色。我已经创建了按钮：JavaScript链接按钮以更改颜色

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

和JavaScript代码：

，我没有得到的问题是如何将其链接回我的按钮，我猜测的onclick，但由于某种原因它不是加工。

来源

2016-03-05 EagleBlind

请添加您的JS，你试过 –

<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

来源

2016-03-05 17:06:29

我不明白第二位document.getElemenentById（“重置”）。onclick = changeBack我需要把它放在JavaScript文件？ – EagleBlind

yes.Put它在你的JS –

它取代了什么。实际功能？ – EagleBlind

-1

如果使用这种语法应该正常工作：

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

还要确保你正在试图改变的元素有一个ID：

<div id="body">

来源

2016-03-05 17:05:02 YounesM

HTML内嵌事件处理程序不良做法，因为它们会导致意大利面条代码并创建围绕onXyz全局函数封装属性值。事件接线应该通过DOM事件标准完成。 –

@ScottMarcus OP说他正在使用这种语法，并且它不能正常工作。我只是说如果他没有搞砸这个ID，它就可以工作。我稍微改了一下我的答案。 – YounesM

OP没有说他正在使用内联事件处理程序，他问onclick。我提供了正确的答案。你提供了一种工作方式，但不是正确的答案。 –

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

来源

2016-03-05 17:06:03

你可以再看看我的代码，我编辑它并告诉我我做错了什么 – EagleBlind

@EagleBlind请显示完整的html和javascript代码。你只显示4行html。 –

这就是你要去的：https：//jsfiddle.net/90vbn9j0/4/ –

JavaScript链接按钮以更改颜色

回答

相关问题