主页 / 问题 / 735126
Accepted
etterwin
Asked:2020-10-24 17:21:18 +0000 UTC2020-10-24 17:21:18 +0000 UTC

关于 HTML 和 JS 中的 ID 的问题

  • 772

我们有几个id：icon_1、icon_2、icon_3。我想在脚本中写一个“通用” id，为此会发生一些动作，以便获得像 icon_[i] 这样的东西。JS中有这种可能性吗？

为了不为每个 id 每次都在脚本中编写一个动作：

document.getElementById("icon_1").classList.remove("nav-icon--active");

document.getElementById("icon_2").classList.remove("nav-icon--active");
javascript

2 个回答

  1. Best Answer

    有可能是这样的：

    for(var i = 1; i<idLength; ++i){
   document.getElementById("icon_"+i).classList.remove("nav-icon--active");
}

    但这通常不是最好的方法，看看你是否可以给这些元素一个类并已经操纵它们？

    • 1

  2. 例如，您可以使用循环：

    let count = document.getElementByClassName('nav-icon--active').length; //получаем количество элементов, которые вы используете по классу.
for (let i = 1; i<=count; i++)
{
     document.getElementById('icon_' + i).classList.remove('nav-icon--active'); //подставляем вместо цифры i, можно подставлять любое число.
}

    我建议你熟悉原语的转换。

    • 0

相关问题