JS 给Li增加class

最新推荐文章于 2022-07-17 17:17:48 发布
最新推荐文章于 2022-07-17 17:17:48 发布
阅读量2.4k 收藏
点赞数
分类专栏： web前端学习 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fayeni/article/details/81745229
版权 
<script>  
var list=document.getElementById("mainNav")  
//获取ul对象  
lis=list.getElementsByTagName("li")  
//获取ul下的li对象,是数组集合  
for(var i=0,l=lis.length;i<l;i++){  
    lis[i].className="mainlevel fr_left m_nav_1"+(i+1)  
}  
</script>

 

 

 

 

 

Fayeni
关注
专栏目录
利用JS实现在li中添加或删除class属性
weixin_34007879的博客
04-11 533
$( function() { $("#test li").click(function(){ $("#test li").removeClass("center"); $(this).addClass("center");　　})});  
js点击相应的li增加class
lampsunny的专栏
05-28 5606
点击相应的li增加class li{cursor:pointer;} .qiu{background:yellow;} function addclass(){ var aLi = document.getElementById('ad').getElementsByTagName("li"); var i = 0; for (i = 0; i < aLi.length; i++
更改li的class
qq_20426717的博客
03-28 754
$(".profile-nav>ul>li").eq(0).removeClass('active'); $(".profile-nav>ul>li").eq(2).addClass('active'); https://q.cnblogs.com/q/78320/
jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？...
weixin_34415923的博客
11-30 590
思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。 具体演示如下： 1、HTML结构：设计三个li元素 &lt;ul id="test"&gt;     &lt;li&gt;Glen&lt;/li&gt;     &lt;li&gt;Tane&lt;/li&gt; ...
js 给某个div增加class 样式（三种方式）
热门推荐
lxw1844912514的博客
11-30 1万+
第一种： el.setAttribute('class','abc'); <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</t...
CSS选择器
weixin_53329472的博客
07-17 706
CSS是层叠样式表，是一种标记语言主要构成选择器及一条或多条声明h1{属性值}选择器是选取需设置样式的元素的模式，分为基础选择器和复合选择器两大类。
vue2.0中click点击当前li实现动态切换class
08-30
动态切换 class 是指在页面加载时，通过 JavaScript 动态地添加或删除 HTML 元素的 class 属性，以达到改变元素样式的目的。在 Vue 2.0 中，我们可以使用 v-bind 指令来实现动态切换 class。 在上面的代码中，我们...
js获取class的所有元素
12-11
在JavaScript中，获取具有特定class的所有元素是一项常见的任务，这对于网页动态交互和DOM操作至关重要。在给定的代码示例中，我们看到一个名为`getClass`的自定义函数，它用于根据标签名称和类名获取元素。这个功能...
js控制li的隐藏和显示实例代码
01-19
html页面 <div class=favorite_list> <div class=list_type id=list_type> <ul class=all> <li> 全部(<span class=nums>{$count})</a></li> <li> 钢琴谱(<span class=nums>
JS实现动态增加和删除li标签行的实例代码
10-21
本文将通过一个具体的实例，讲解如何使用JavaScript实现动态增加和删除`li`标签行。 首先，我们来看一下如何添加`li`标签。在这个示例中，`addDepartment`函数用于动态创建一个新的`li`元素。以下是如何实现这一...
Vue实现对点击的列表＜li＞添加class样例
L00918的博客
05-27 907
实现思路： 设置一个变量 active，然后写成:class="{active:index === active}"，然后click的时候，传入index,把active变量的值赋值为index；这样this.active=index,index==‘index’ 返回true，所以class样例生效 <ul> <li v-for="(item,index) in params" @click="meClick(index)" :class="{active:inde
php给点击的li设置样式,php给li标签添加不同的class
weixin_42403922的博客
03-20 327
…..foreach ($images as $imgUrl){echo '<li class="right"></li>';}前面省略了一部分代码，通过上面这个输出来的是这样(我输出的是三个li)：我想实现的是这样的：也就是列表第一个的class是“left” 其它的class是right。如果你的$images是一个索引数组，且索引从0开始，使用下面的方式即可<?...
js动态修改class属性
jcyuanshihcwangqiu的博客
06-18 9872
js动态修改class属性 在前端界面，希望通过点击修改class属性，实现代码如下： $(function(){ $("#selected li").click(function() { $(this).siblings('li').removeClass('active'); // 删除其他li元素的样式 $(this).addClass('active'); // 添加当前元素的样式 }); });
js给Li标签增加class
科比不来it
02-02 4434
var list=document.getElementById("mainNav")  //获取ul对象  lis=list.getElementsByTagName("li")  //获取ul下的li对象,是数组集合  for(var i=0,l=lis.length;i    lis[i].className="mainlevel fr_left m_nav_1"+(i+1)  }
【jQuery】需求：需要在第n个ul下的第n个li添加一个class属性
wjx_jasin的博客
04-18 3322
代码：&lt;ul id="ul${a_index+1}"&gt;     &lt;li&gt;&lt;/li&gt;     &lt;li&gt;&lt;/li&gt;     &lt;li&gt;&lt;/li&gt;     &lt;li&gt;&lt;/li&gt;     &lt;li&gt;&lt;/li&am
js删除liclass属性
最新发布
05-26
你可以使用JavaScript中的`removeAttribute()`方法来删除HTML元素中的`class`属性。 例如，如果你有一个`<div>`元素，它有一个名为`my-class`的类，你可以使用以下代码删除该类： ```javascript var myDiv = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值