18910140161

JavaScript-向元素添加类'某个位置的类列表-堆栈溢出

顺晟科技

2022-10-18 12:23:27

193

是否可以将一个类添加到某个位置,以保持某种顺序,因为它与通过其位置来定位类的某种逻辑相矛盾?

link.closest('item').classList.add('c-class')

// Contradicton We need (a-class) insted I get (c-class) that has been added
let getThisClass = e.target.parentElement.classList[1]
<代码><;!--添加前-->;<;Li类=“项目A类B类” ID=“ 60FE102D6E87274484DD2785 ”>;<;/Li>;<;!--添加后-->;<;Li类=“项目C类A类B类” ID=“ 60FE102D6E87274484DD2785 ”>;<;/Li>;


顺晟科技:

const link = document.getElementById("60fe102d6e87274484dd2785");
list = link.className.split(" ");
list.splice(1, 0, "c-class")
link.className = list.join(" ");
console.log(link.className);
<代码><;!--添加前-->;<;Li CLASS=“项目A-类B-类” ID=“ 60FE102D6E87274484DD2785 ”>;<;A ID=“链接”>;#<;/A>;<;/Li&>;

您可以尝试按空格拆分<!-- before adding --> <li class="item aclass bclass" id="60fe102d6e87274484dd2785"></li> <!-- after adding --> <li class="item c-class a-class b-class" id="60fe102d6e87274484dd2785"></li>,在结果数组的特定位置插入一项(使用className),并在按空格连接后重新分配回Array#splice

<代码><;!--添加前-->;<;Li类=“项目A类B类” ID=“ 60FE102D6E87274484DD2785 ”>;<;/Li>;

作为通用函数:

className
<代码><;!--添加前-->;<;Li类=“项目A类B类” ID=“ 60FE102D6E87274484DD2785 ”>;<;/Li>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航