欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

getElementsByClassName()如何使用?总结getElementsByClassName()实例用法

程序员文章站 2022-03-16 18:08:58
...
前面为大家介绍了一些有关HTML5新添加的选择器,分别是querySelector(),querySelectorAll()和getElementsByClassName()。这三个都有自己独特的功能,大家有需要的话可以看HTML5实战与剖析中的相关内容。今天为大家介绍classList属性。  

classList属性究竟是干什么的,我们先撇下classList不管。我们考虑这么一个问题,那就是我们如何将拥有多个类名的元素中的其中一个类名删除呢?梦龙较劲脑汁儿终于想到一个实现的方法。

将拥有类名li、meng和long,三个类名中的类名meng删除。

代码如下  

HTML代码
<p class="li meng long">梦龙小站</p>  
JavaScript代码
//获取要删除类名meng的p
var

1. HTML5实战与剖析之classList属性

getElementsByClassName()如何使用?总结getElementsByClassName()实例用法

简介:  

前面为大家介绍了一些有关HTML5新添加的选择器,分别是querySelector(),querySelectorAll()和getElementsByClassName()。这三个都有自己独特的功能,大家有需要的话可以看Html5实战与剖析中的相关内容。今天为大家介绍classList属性。

2. HTML5实战与剖析之CSS选择器——getElementsByClassName()方法

getElementsByClassName()如何使用?总结getElementsByClassName()实例用法

简介:  

HTML5中的querySelector()方法和querySelectorAll()方法都在前几篇中为大家介绍过了,不知道大家了解得怎么样了呢?

在这里复习一下,querySelector()方法是返回与传递的CSS选择符相匹配的第一个元素;querySelectorAll()方法是返回与传递的CSS选择符相匹配的所有元素,是一个NodeList对象。

简单的回顾之后,我来分享一下新一个方法——getElementsByClassName()方法。

【相关问答推荐】:

javascript - 如何获取getElementsByClassName()数组的下标?

javascript - 为什么下面这个代码不能把id换成class

以上就是getElementsByClassName()如何使用?总结getElementsByClassName()实例用法的详细内容,更多请关注其它相关文章!