使用javascript为scss定义的样式更改链接颜色

使用javascript为scss定义的样式更改链接颜色,javascript,css,sass,Javascript,Css,Sass,我的scss看起来不像 #container{ a{ color:white; } } 我想使用javascript将链接更改为另一种颜色。即 function changeColorTo(color){ //insert help here } 谢谢。您可以在元素上本地应用样式,它将覆盖样式表规则 function changeColorTo(color){ var container = document.getElementById('contai

我的scss看起来不像

#container{
   a{
      color:white;
   }
}
我想使用javascript将链接更改为另一种颜色。即

function changeColorTo(color){
   //insert help here
}

谢谢。

您可以在元素上本地应用样式,它将覆盖样式表规则

function changeColorTo(color){
    var container = document.getElementById('container');
    var anchors = container.getElementsByTagName('a');
    for (var i = 0; i<anchors.length; i++){
        anchors[i].style.color = color;
    }
}
函数changeColorTo(颜色){
var container=document.getElementById('container');
var archors=container.getElementsByTagName('a');

对于(var i=0;i您可以在元素上本地应用样式,它将覆盖样式表规则

function changeColorTo(color){
    var container = document.getElementById('container');
    var anchors = container.getElementsByTagName('a');
    for (var i = 0; i<anchors.length; i++){
        anchors[i].style.color = color;
    }
}
函数changeColorTo(颜色){
var container=document.getElementById('container');
var archors=container.getElementsByTagName('a');

对于(var i=0;i,lincolnk的解决方案非常有效,但是如果使用jQuery,这也有效

$('#container a').css('color',color)

所以,是的,jQuery有点甜。

lincolnk的解决方案非常有效,但是如果使用jQuery,这也很有效

$('#container a').css('color',color)

所以,是的,jQuery有点可爱。

这会改变整个页面上的所有链接。我想这很有用,但我真正需要的是只改变#容器部分的链接。抱歉,我忽略了这一部分。我更新了我的答案来解决这个问题。我如何使用它来改变
a:hover
颜色?这会改变页面上的所有链接e整个页面。我想这很有用,但我真正需要的是只更改#容器部分的链接。抱歉,我忽略了这一部分。我更新了答案以解决这个问题。我如何使用此选项更改
a:hover
颜色?