js问题

xuegaoxiansen

<script>
//获取div下面所有的a标签（返回节点对象）
   var myNav = document.getElementById("sidebar-menu").getElementsByTagName("a");
   var lis= document.getElementsByTagName('li');
   //获取当前窗口的url
   var myURL = document.location.href;
   //循环div下面所有的链接，
   for(var i=0;i<myNav.length;i++){
   //获取每一个a标签的herf属性
  var links = myNav.getAttribute("href");
  var myURL = document.location.href;
  //查看div下的链接是否包含当前窗口，如果存在，则给其添加样式
  if(myURL.indexOf(links) != -1){
    myNav.className="yunp";
    lis.className="yunp";
   }
}
</script>

麻烦大佬看一下，怎么让 li也赋值 class=‘’yunp‘’，哪里错误了呢

d199212

myNav[i].classList.add('yunp')

冥门饿鬼

lis.nameclass = 'yunp'

一大杯奶茶呀

lis[i].addClass('yunp');

一大杯奶茶呀

一大杯奶茶呀 发表于 2021-10-18 09:38
lis.addClass('yunp');

上一种是jquery的写法 原生js写法是如下：
lis.setAttribute("class",‘yunp’);

一大杯奶茶呀

一大杯奶茶呀 发表于 2021-10-18 09:41
上一种是jquery的写法 原生js写法是如下：
lis.setAttribute("class",‘yunp’);

[JavaScript] 纯文本查看 复制代码

lis[i].setAttribute("class",‘yunp’);

Jack2002

你这个不能赋值成功的话，可能是取到的 li 数量跟 a 数量不一样，单独写个 for 来给 lis 赋值吧，没有HTML只能猜。
原生JS有两种方法添加类

[Asm] 纯文本查看 复制代码

// 一
lis[i].className = "yunp";
// 二
lis[i].setAttribute("class", "yunp");

HTML5新增

[Asm] 纯文本查看 复制代码

// 一次添加多个类
lis[i].classList.add("类名1", "类名2", "类名N");
// 添加一个类
lis[i].classList.toggle("类名1", true);

JQuery

[Asm] 纯文本查看 复制代码

lis[i].attr("class", "yunp");

nknyzc

求学防站

sgvvvv

追加类名的话用classList.add
不过问题没写得太清楚 你现在是获取不到li还是类名添加不上去

xuegaoxiansen

@a353138127  老哥你的帖子咋没了啊