js获取li标签中子标签属性

最新推荐文章于 2024-02-02 14:31:58 发布

木木爻大爻

最新推荐文章于 2024-02-02 14:31:58 发布

阅读量2.4k

点赞数

文章标签： js li标签

本文链接：https://blog.youkuaiyun.com/weixin_42854483/article/details/101012918

版权

本文介绍如何使用JavaScript获取和修改LI元素的子标签属性，包括修改classname和截取字符串等实用技巧，同时提供了去除列表项样式的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js获取li标签中子标签属性
1.获取并修改li标签下子标签的classname
var ul=document.getElementById(“ul的id”).getElementsByTagName(“li”);
for(var j=0;j<ul.length;j++){
ul[j].childNodes[1].previousSibling.className="";
}
2.获取并修改你点击的li标签下span标签的classname
“”￥(“ul#qzUl”).on(“click”,“li”,function(){
if($(this).children(“span”)[0].className==“哈哈”){
$(this).children(“span”)[0].className=“嘻嘻”;
}else{
$(this).children(“span”)[0].className = “哈哈”;
//获取li标签中的text
var qztc = this.textContent+",";
//document.getElementById(‘qzinputdown’).value= qzinput.replace(qztc,’’);
}
});
3.字符串截去
qzinput.replace(qztc,’’);//从qzinput字符串中截去qztc字符串，“你好js”-“好”=“你js”
4.去除li的样式，去除li的"·"
ul{list-style-type:none;}
注：dollar符号打上有问题，所以用￥代替了，复制的话注意一下