如何更改CSS代碼中的屬性背景色

我已經使用了下面的代碼，並且當我點擊下一個菜單時我想替換舊的顏色。如何更改CSS代碼中的屬性背景色

請給我解決方案。當我點擊下一個選項時如何替換舊的顏色。

HTML代碼：

<head> 
<title>Untitled Document</title> 
</head> 
<body> 

<script type="text/javascript"> 
     function ChangeColor(obj) { 
     obj.style.backgroundColor = "#bfcbd6"; 
     } 
</script> 

<head> 
<link rel="stylesheet" href="css/style.css" type="text/css"> 
<ul id="css3menu1" class="topmenu"> 
    <li class="topmenu"><a onclick="ChangeColor(this);" href="#" title="Home" style="width:154px;" >Home <span class="numberend">1</span> </a></li> 
    <li class="topmenu"><a onclick="ChangeColor(this);" href="#" title="Product info" style="width:154px;"><span>Product info</span></a> 
    </li> 
</ul> 
</div> 
</body> 
</html>

請檢查下面的鏈接：http://jsfiddle.net/8JwhZ/1058/

來源

2014-04-03 Ricky

哥們，你打開一個''標籤的'body'標籤內，而你甚至沒有關閉它！您的HTML無效。 – DontVoteMeDown

如果我點擊任何一個選項，顏色應該改變，並在點擊下一個選項時替換舊顏色。但我不知道如何替換顏色？ – Ricky

http://jsfiddle.net/8JwhZ/1058/ – Ricky

如果我理解你的帖子，你的exaple上jsfidle。

您可以使用這樣的事情：

</head> 
    <script> 
    $('.menu').click(
     function(){ 
     $(this).css("background","#bfcbd6") 
     } 
    ) 

    </script> 
    <body> 
    <link rel="stylesheet" href="css/style.css" type="text/css"> 
    <ul id="css3menu1" class="topmenu"> 
     <li class="topmenu"><a href="#" title="Home" class="menu" style="width:154px;" >Home <span class="numberend">1</span> </a></li> 
     <li class="topmenu"><a href="#" class="menu" title="Product info" style="width:154px;"><span>Product info</span></a> 
     </li> 
    </ul> 

</body>

http://jsfiddle.net/7F7BP/1/

來源

2014-04-03 20:33:29 Kubol

這將需要jquery .... – 13ruce1337

你能回答這個：http://stackoverflow.com/questions/22860173/sorting-not-enable-in-my-表 – Ricky

DEMO

function ChangeColor(obj) { 
    /* Set all the link colors back to the original one */ 
    var links = document.querySelectorAll('.topmenu a'); 
    for (i = 0; i < links.length; i++) { 
     links[i].style.backgroundColor = "#005984"; 
    } 
    /* Set the color of the selected one */ 
    obj.style.backgroundColor = "#bfcbd6"; 
}

來源

2014-04-03 20:32:05 kei

如何在選擇時將字體顏色更改爲黑色？ – Ricky

可以使用'yourElement.style.color =「＃000」' – kei

設置文本的顏色，我必須添加哪些內容才能更新該DEMO？ – Ricky

如何更改CSS代碼中的屬性背景色

回答

相關問題