如何更改样式元素html？

Question

我需要在加载页面上的文本标记<a>之后 ，但由于这种风格，我无法做到这一点

不会改变颜色。我不知道如何删除此样式。这就是我尝试过的。

var ParsLocat = window.location.href.replace(window.location.href.substring(0, window.location.href.lastIndexOf('/') + 1), '').split('&');
var ParsRazd = ParsLocat[0].split('=');
var nav = document.getElementById('nav');
navA = nav.getElementsByTagName('li');
for (var i = 0; i < navA.length; i++) {
    var navAS = navA[i].children[0].search.split('&')
    var navRaz = navAS[0].split('=');
    if (ParsRazd[1] == navRaz[1]) {
       navA[i].style.cssText = "color:white;";
        break;
    }
}

.navbar-nav > li > a {
    color: #9d9d9d;
}

<ul class="nav navbar-nav" id="nav">
    <li ><a >Архивная отчетность</a></li>
    <li ><a >Мониторинг</a></li>
</ul>

我在哪里做错了？ 谢谢。

Answer 1

更改

navA[i].style.cssText = "color:white;";

到

navA[i].children[0].style.color = "white";

Answer 2

由于锚（color的{​​{1}}设置为a，因此您需要将#9d9d9d的{​​{1}}更改为{{ 1}}，而不是您的color。

a

white

li

Answer 3

.navbar-nav > li { color: #9d9d9d; }

Answer 4

应该是

navA[i].children[0].style.cssText = "color:white;";

Answer 5

尝试设置如下样式：

navA[i].setAttribute('style', 'color: white;');