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鏈接按鈕以更改顏色

回答

相關問題