首页 / JAVASCRIPT / javascript选择器

javascript选择器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含958字，纯文字阅读大概需要2分钟。

内容图文

如何在javascript中选择DOM元素？
例如：

<div class="des">
    <h1>Test</h1>
        <div class="desleft">
          <p>Lorem Ipsum.</p>
        </div>
        <div class="Right">
           <button>Test</button>
        </div>
</div>

现在我该如何选择h1？这只是较大页面的一部分,因此不能使用getElementsByTagName(),因为其他人可能会被选中.此外,由于稍后文档中可能还有其他h1,我无法将索引(正文)附加到上面.

是否有一种简单的选择方式,比如< h1>在desleft的类名下的标签？
我不能使用jQuery或任何其他库.

解决方法:

getElementsByTag()

将是一个可以开始的函数,然后您可以筛选具有该类的DOMElements.

var h1_array = document.getElementsByTag('h1');

var h1_class_array = [];
for (var i=0, len=h1_array.length; i < len; i++) {
    if (h1_array[i].className.indexOf('classname') !== -1) {
        h1_class_array.push(h1_array[i]);
    }
}

如果在大海捞针中找不到针,则.indexOf函数返回-1.

现在重新阅读你的问题,为什么不给你的h1的id？

DOM遍历是javascript的明显问题之一(输入jQuery).

一个简单的getElementById()可以让你头疼,最后你所有h1的id会比试图通过其他方法制定算法来选择它们更干净.

内容总结

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

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/704836.html

来源：【匿名】