使用JavaScript选择并删除类
我有以下代码:使用JavaScript选择并删除类,javascript,jquery,class,selector,getelementsbyclassname,Javascript,Jquery,Class,Selector,Getelementsbyclassname,我有以下代码: `var element = document.getElementsByClassName("d-d-none d-js-block"); element.removeAttr("class");` ... 如何使用javascript选择器删除class属性。 我正在使用以下代码: `var element = document.getElementsByClassName("d-d-none d-js-block"); element.removeAttr("clas
`var element = document.getElementsByClassName("d-d-none d-js-block");
element.removeAttr("class");`
...
如何使用javascript选择器删除class属性。
我正在使用以下代码:
`var element = document.getElementsByClassName("d-d-none d-js-block");
element.removeAttr("class");`
var-element=document.getElementsByClassName(“d-none d-js-block”);
element.classList.remove(“d-none d-js-block”)代码>
我也在使用以下代码:
`var element = document.getElementsByClassName("d-d-none d-js-block");
element.removeAttr("class");`
这个代码也不起作用;
如何删除该类?您需要在remove()
函数中指定以逗号分隔的类名。如果只有一个元素可以选择和删除类,还可以使用querySelector()
:
var-element=document.querySelector(“.d-none.d-js-block”);
element.classList.remove(“d-none”、“d-js-block”)代码>
.d-none.d-js-block{
颜色:红色;
}
一些HTML
您需要在remove()
函数中指定逗号分隔的类名。如果只有一个元素可以选择和删除类,还可以使用querySelector()
:
var-element=document.querySelector(“.d-none.d-js-block”);
element.classList.remove(“d-none”、“d-js-block”)代码>
.d-none.d-js-block{
颜色:红色;
}
一些HTML
GetElementsByCassName返回一个集合。因此需要传递该集合中元素的索引
或者,您可以使用querySelectorAll
和classList.remove
这里使用setTimeout
只是为了演示如何删除该类。在代码中可以避免这种情况
var-element=document.querySelectorAll('.d-js-block');
setTimeout(函数(){
元素。forEach(功能(项){
item.classList.remove(“d-none”);
item.classList.remove(“d-js-block”);
})
},3000)
.d-none{
颜色:绿色;
}
.d-js-block{
文字装饰:下划线;
}
test
GetElementsByCassName返回一个集合。因此需要传递该集合中元素的索引
或者,您可以使用querySelectorAll
和classList.remove
这里使用setTimeout
只是为了演示如何删除该类。在代码中可以避免这种情况
var-element=document.querySelectorAll('.d-js-block');
setTimeout(函数(){
元素。forEach(功能(项){
item.classList.remove(“d-none”);
item.classList.remove(“d-js-block”);
})
},3000)
.d-none{
颜色:绿色;
}
.d-js-block{
文字装饰:下划线;
}
test
HTMLCollections上没有removeAttr
方法。此外,您的元素具有类d-none
,但您正在查找d-d-none
。有关更多信息,请参阅链接问题的答案,但如果您使用jQuery,$(.d-none.d-jsblock”).removeClass(“d-none d-jsblock”)
。删除整个类
属性通常不是最好的选择,以防以后在元素上有其他不相关的类。(这就是我在上面使用removeClass
的原因。)HTMLCollections上没有removeAttr
方法。此外,您的元素具有类d-none
,但您正在查找d-d-none
。有关更多信息,请参阅链接问题的答案,但如果您使用jQuery,$(.d-none.d-jsblock”).removeClass(“d-none d-jsblock”)
。删除整个类
属性通常不是最好的选择,以防以后在元素上有其他不相关的类。(这就是我在上面使用removeClass
的原因。)