网站 › 『编程语言讨论求助区』 › js问题

xuegaoxiansen 发表于 2021-10-17 23:54

js问题

本帖最后由 xuegaoxiansen 于 2021-12-24 22:42 编辑

<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 发表于 2021-10-18 08:34

myNav.classList.add('yunp')

冥门饿鬼 发表于 2021-10-18 09:25

lis.nameclass = 'yunp'

一大杯奶茶呀 发表于 2021-10-18 09:38

lis.addClass('yunp');

一大杯奶茶呀 发表于 2021-10-18 09:41

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

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

一大杯奶茶呀 发表于 2021-10-18 09:42

本帖最后由 一大杯奶茶呀 于 2021-10-18 09:43 编辑

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

Jack2002 发表于 2021-10-18 09:58

本帖最后由 Jack2002 于 2021-10-18 10:24 编辑

你这个不能赋值成功的话，可能是取到的 li 数量跟 a 数量不一样，单独写个 for 来给 lis 赋值吧，没有HTML只能猜。
原生JS有两种方法添加类
// 一
lis.className = "yunp";
// 二
lis.setAttribute("class", "yunp");

HTML5新增
// 一次添加多个类
lis.classList.add("类名1", "类名2", "类名N");
// 添加一个类
lis.classList.toggle("类名1", true);

JQuery
lis.attr("class", "yunp");

nknyzc 发表于 2021-12-24 21:13

求学防站{:1_893:}

sgvvvv 发表于 2021-12-24 21:58

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

xuegaoxiansen 发表于 2021-12-26 21:33

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

查看完整版本: js问题