Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript选择并删除类_Javascript_Jquery_Class_Selector_Getelementsbyclassname - Fatal编程技术网

使用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
的原因。)