使用Javascript更改類，默認設置一個元素的類相反

首先，我意識到我的問題可能與其他一些帖子相對相似，但是，我嘗試從其他帖子實施代碼，但無法讓它按照方式工作我想了。我對JavaScript很新，所以請耐心等待。使用Javascript更改類，默認設置一個元素的類相反

我有單獨的div元素中的鏈接選擇看起來像標籤。每次我點擊不同的鏈接時，活動鏈接的背景顏色會從灰色變爲白色，而以前活動鏈接的背景顏色會從白色變爲灰色。

這是我的難題：我需要Home鏈接的默認設置，以便在頁面加載時具有白色背景。

下面的代碼：

div.none { 
    background-color: #cccccc; 
    border-radius: 10px 10px 0px 0px; 
    float: right; 
    padding: 5px 15px 3px 15px; 
    } 

    div.active { 
    background-color: white; 
    border-radius: 10px 10px 0px 0px; 
    float: right; 
    padding: 5px 15px 3px 15px; 
    } 

    ... 

    <script type="text/javascript"> 

    var selected = null; 

    function toggleClass(x) { 
     if (selected != null) 
      selected.className = 'none'; 

     selected = x; 
     x.className = 'active'; 
    } 

    </script> 

    ... 

    <div class="none" id="t1"><a class="menu" href="#1.html" onclick="toggleClass(t1)" target="tabs">Book Online</a></div> 
    <div class="none" id="t2"><a class="menu" href="#2.html" onclick="toggleClass(t2)" target="tabs"> Contact</a></div> 
    <div class="none" id="t3"><a class="menu" href="#3" onclick="toggleClass(t3)" target="tabs">News</a></div> 
    <div class="none" id="t4"><a class="menu" href="#4" onclick="toggleClass(t4)" target="tabs"> Mobile Recording</a></div> 
    <div class="none" id="t5"><a class="menu" href="#5" onclick="toggleClass(t5)" target="tabs"> Recording Studios</a></div> 
    <div class="none" id="t6"><a class="menu" href="#6" onload="toggleClass(t6)" onclick="toggleClass(t6)" target="tabs">Home</a></div>

謝謝你在前進，如果你能幫助！

來源

2012-05-29 patwick600akabob

這就是我，還是你忘了在最後問你的問題......？ – gdoron

下面是我的難題：我需要Home鏈接的默認設置，以便在頁面加載時具有白色背景。這是我的問題。 – patwick600akabob

更改初始類爲'active'爲家庭鏈接...？

來源

2012-05-29 17:18:18 Mathletics

當我將Home鏈接設置爲活動狀態時，它會將背景顏色永久顯示爲白色。 – patwick600akabob

開始'selected'作爲您的主頁選項卡而不是null。對於記錄來說，這看起來像一個可怕的方式來做標籤。你不應該在你的HTML中有任何JS，你不應該在JS中管理狀態，特別是如果你使用類標記的話。 – Mathletics

我會如何執行此操作？ – patwick600akabob

類主動加入到其鏈接的主頁（在設計時）在div

<div class="none active" id="t6"><a class="menu" href="#6" onload="toggleClass(t6)" onclick="toggleClass(t6)" target="tabs">Home</a></div>

但是，你仍然必須編寫邏輯在JavaScript中移除上課的時候其他一些選項卡被選中並將active類添加到選定的選項卡。

來源

2012-05-29 17:27:00 Wiz

我剛剛意識到我在代碼中留下了onload，我的想法是當頁面加載時它會將類更改爲活動狀態。有什麼辦法可以實現這個嗎？我只是嘗試了你所說的話，但它只是將Home鏈接背景顏色永久保留爲白色。 – patwick600akabob

使用Javascript更改類，默認設置一個元素的類相反

回答

相關問題