JavaScript中选择器的示例分析

这篇文章给大家分享的是有关JavaScript中选择器的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联建站是一家集网站建设,茂名企业网站建设,茂名品牌网站建设,网站定制,茂名网站建设报价,网络营销,网络优化,茂名网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

undefined

在html5之前只有下面四种选择器

.getElementById("id")id选择器;
.getElementsByName("name")name选择器;
.getElementsByTagName("tagname")tag标签名选择器；
.getElementsByClassName(".classname").class名选择器

示例代码：





JavaScript选择器



 id选择器

name选择器

JavaScript选择器

querySelector()根据选择器规则返回第一个符合要求的元素

通过id获取单节点

通过.class获取单节点

JavaScript中选择器的示例分析

querySelector()根据选择器规则返回第一个符合要求的元素

querySelectorall()根据选择器规则返回所有符合要求的元素

其他资讯