使用Javascript更改CSS元素样式

时间:2019-05-09 21:25:40

标签: javascript html css class id

我试图将我的CSS元素添加到Js文件中,例如document.getElementByIdgetElementsByTagNamegetElementsByClassName,并且我希望将此div的“ a”属性着色为例如白色,但问题是我无法定位“ a”,我该怎么做才能定位“ a”?我无法在网络或堆栈中找到答案。

尝试过:getElementsByClassNameByIdByTagName,有很多解决方案,但找不到可行的解决方案。尝试过更改CSS中的某些属性,但仍然无法正常工作。

我使用的实际代码是通过上下滚动更改颜色的函数

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80){

/* After scroll down */

document.getElementById("nav_links").style.color = "black";
document.getElementsByTagName("nav_links").style.color = "black";
document.getElementsByClassName("nav_links").style.color = "black";

} else {

我尝试了ByTagName和ByClassName,是的,我尝试将html中的类更改为id。反复尝试了所有这些,CSS中的文本为fixed

/* At the top of page */
document.getElementById("nav_links").style.color = "white";
document.getElementsByTagName("nav_links").style.color = "white";
document.getElementsByClassName("nav_links").style.color = "white";
}
}

当窗口在页面顶部滚动时,我希望text-color为黑色,而当我向下滚动时,我希望为白色。

0 个答案:

没有答案