首页 >web前端 >html教程 >getElementsByClassName()如何使用?总结getElementsByClassName()实例用法

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

巴扎黑
巴扎黑原创
2017-06-15 11:46:129057浏览

前面为大家介绍了一些有关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()实例用法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn