javascript – 用classList.add和getElementsByClassName 苦苦挣扎

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 用classList.add和getElementsByClassName 苦苦挣扎，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1030字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > What do querySelectorAll and getElementsBy* methods return?                                    9个
我正在尝试为一些具有特定类(input-fieldset)的元素添加一个额外的类.

<fieldset id="pay" class="input-fieldset"></fieldset>
<fieldset id="address" class="input-fieldset"></fieldset>

所以我做了一些搜索,发现了这个：

var element = document.getElementsByClassName('input-fieldset');
element.classList.add(' input-fieldset-awesome');

我正在尝试添加类input-fieldset-awesome.

但它不起作用,我得到错误：

Uncaught TypeError: Cannot read property ‘add’ of undefined(anonymous function)

我究竟做错了什么？

解决方法:

.getElementsByClassName()返回必须迭代的HTMLCollection(对象数组).

下面的代码将完成您所追求的目标.

// Get desired elements
var element = document.getElementsByClassName('input-fieldset');

// Iterate through the retrieved elements and add the necessary class names.
for(var i = 0; i < element.length; i++)
{
    element[i].classList.add('input-fieldset-awesome');
    console.log(element[i].className);
}

这是a working fiddle to play with.

内容总结

以上是互联网集市为您收集整理的javascript – 用classList.add和getElementsByClassName 苦苦挣扎全部内容，希望文章能够帮你解决javascript – 用classList.add和getElementsByClassName 苦苦挣扎所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端