如何将类转换成HTML脚本？

当我滚动过标题时，我想使导航栏变小。到目前为止，我让导航栏按计划保持在顶部，但我不知道如何通过第二个脚本访问“#navbar a”

正如您所见，我设法实现了“navbar”（未显示），但当我尝试实现“navbar a”时，它变得非常困难，因此这就是我需要帮助的问题。我怎样才能为“#navbar a”生成变量

第一个文件/css/style：

#navbar a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      width: 25%;
      text-decoration: none;
      font-size: 35px;
    }

第二稿

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

    var navbar = document.getElementById("navbar");
    var sticky = navbar.offsetTop;

    function myFunction() {
      if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
            navbar.style.align = 'auto';
            navbar.style.padding = '0px';
            navbar.style.width = '100%';
      } else {
        navbar.classList.remove("sticky");
          navbar.style.width = '80%';
          navbar.style.padding = '0, 10px';
      }
    }

---

您必须为标记分配一个类或id，并使用该id或类选择该类

var navLink=document.getElementById（“navbar”）.getElementsByClassName（“类名”）；
/*这将返回一个数组
您可以使用Foreach或访问数组元素。
*/
导航链接[0]。textContent=“文本已更改”；
导航链接[1]。style.color=“红色”；
导航链接[2]。style.color=“蓝色”

更改第一个文本
更改第二个文本
更改第三个文本
第一个“脚本”是css文件/声明，而不是脚本，因此无法仅“导入”var navbar=document.getElementById（“navba”）或？使用纯javascript您将无法做到这一点。必须使用Jquery之类的javascript库才能使用var navLink=$（“#navbar a”）。您可以使用jquery cdn“”，如果您学到了有用的东西，请接受答案