Javascript 我怎样才能让我的JS函数忽略ID CSS而只看类呢？

以下代码可以正常工作：

过滤器选择（“全部”）
函数过滤器选择（c）{
变量x，i；
x=document.getElementsByClassName（“filterDiv”）；
如果（c==“全部”）c=“”；
//将“show”类（display:block）添加到过滤的元素中，并从未选择的元素中删除“show”类
对于（i=0；i-1）w3AddClass（x[i]，“show”）；
}
}
函数w3AddClass（元素、名称）{
变量i，arr1，arr2；
arr1=element.className.split（“”）；
arr2=name.split（“”）；
对于（i=0；i-1）{
arr1.拼接（arr1.indexOf（arr2[i]），1）；
}
}
element.className=arr1.join（“”）；
}
var btnContainer=document.getElementById（“myBtnContainer”）；
var btns=btnContainer.getElementsByClassName（“btn”）；
对于（变量i=0；i

.container{
溢出：隐藏；
}
filterDiv先生{
浮动：左；
背景色：#2196F3；
颜色：#ffffff；
宽度：100px；
线高：100px；
文本对齐：居中；
保证金：2倍；
显示：无；
}
.表演{
显示：块；
}
.btn{
边界：无；
大纲：无；
填充：12px 16px；
背景色：#f1f1；
光标：指针；
}
.btn:悬停{
背景色：#ddd；
}
.btn.active{
背景色：#666；
颜色：白色；
}

全部展示
汽车
动物
宝马
沃尔沃汽车
猫
狗

ID的优先级为100。 课程的优先级为10

因此，ID总是优先于类，而不管它们在代码中的位置如何

诀窍是在CSS中组合ID和类，优先级为110：

#othercss_unrelated_to_function.filterDiv {...}

---

试着先看看你的js控制台，检查是否有错误。谢谢。没有显示错误，但冲突的CSS使函数停止工作。@ohbrother我已经尝试过你的代码，即使在将id添加到一个div之后，它也工作得很好。你是否在多个div中使用相同的id？是的，我有大约30个具有相同id的div，它们的CSSDon没有具有相同id的多个元素，他们注定是独一无二的。让我的身份证成为div的第二等级会有帮助吗？我想如果我接受你的建议，会有很多相互矛盾的参数。如果我错了，请告诉我！