前面为大家介绍了一些有关HTML5新添加的选择器,分别是querySelector(),querySelectorAll()和getElementsByClassName()。这三个都有自己独特的功能,大家有需要的话可以看HTML5实战与剖析中的相关内容。今天为大家介绍classList属性。
classList属性究竟是干什么的,我们先撇下classList不管。我们考虑这么一个问题,那就是我们如何将拥有多个类名的元素中的其中一个类名删除呢?梦龙较劲脑汁儿终于想到一个实现的方法。
将拥有类名li、meng和long,三个类名中的类名meng删除。
代码如下
HTML代码 <p class="li meng long">梦龙小站</p> JavaScript代码 //获取要删除类名meng的p var
简介:
前面为大家介绍了一些有关HTML5新添加的选择器,分别是querySelector(),querySelectorAll()和getElementsByClassName()。这三个都有自己独特的功能,大家有需要的话可以看Html5实战与剖析中的相关内容。今天为大家介绍classList属性。
2. HTML5实战与剖析之CSS选择器——getElementsByClassName()方法
简介:
HTML5中的querySelector()方法和querySelectorAll()方法都在前几篇中为大家介绍过了,不知道大家了解得怎么样了呢?
在这里复习一下,querySelector()方法是返回与传递的CSS选择符相匹配的第一个元素;querySelectorAll()方法是返回与传递的CSS选择符相匹配的所有元素,是一个NodeList对象。
简单的回顾之后,我来分享一下新一个方法——getElementsByClassName()方法。
【相关问答推荐】:
javascript - 如何获取getElementsByClassName()数组的下标?
javascript - 为什么下面这个代码不能把id换成class
以上是getElementsByClassName()如何使用?总结getElementsByClassName()实例用法的详细内容。更多信息请关注PHP中文网其他相关文章!