如何更改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代码中的属性背景色

回答

相关问题