Rumah >hujung hadapan web >html tutorial >getElementsByClassName()如何使用?总结getElementsByClassName()实例用法

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

巴扎黑
巴扎黑asal
2017-06-15 11:46:129044semak imbas

前面为大家介绍了一些有关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

Atas ialah kandungan terperinci getElementsByClassName()如何使用?总结getElementsByClassName()实例用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn