通过类选择器选择元素

js中可以通过getElementById和getElementsByTagName来获取html中的元素,但这远远不够,html中是有比较多的类元素,我们需要通过类来获取元素;

思路是先新建一个数组,然后通过getElementsByTagName获取与类名有相同标签名的所有标签,然后再比较哪些标签的类名是要目标类名,将它存到数组中,最后返回数组。

 1 function getClass(tagname, classname) {
 2     var results = [];//新建一个数组
 3     var oTag = document.getElementsByTagName(tagname);//选择具有与classname相同标签名的所有标签
 4     for (var i = 0; i < oTag.length; i++) {
 5         if (oTag[i].className == classname) {
 6             results[results.length] = oTag[i];//将类名为classname的元素保存到数组
 7         }
 8     }
 9     return results;//返回数组
10 }
时间: 2024-10-14 13:11:45

通过类选择器选择元素的相关文章

jQuery选择器选择元素的方法完整篇

    1. 先说说通过位置选择的几个操作: :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul下的子元素: :last:同上了,只是是最后一个而已: :first- child:为每个父元素匹配第一个子元素,如li:first-child返回每个ul的第一个li元素.可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要

css 选择器 &amp; UI元素的伪类选择器 &amp; 伪元素选择器

UI元素的伪类选择器 1. :focus  用来选取获取焦点事件 2. :enabled 用来指定当元素处于可用状态时的样式 3. :disable  用来指定元素处于不可用时的状态    表单里应用较多 4. read-only 用来获取元素属于只读状态时 5. read-write 用来匹配可读和可写的元素  input search 6. :checked  用来获取单选框处于选取状态时的样式 7. :default 选取用来选取,打开时默认选取状态时单选框 8.     :indeter

selenium-51job自动化测试(css选择器选择元素)

登录 51job ,http://www.51job.com 输入搜索关键词 "python", 地区选择 "杭州"(注意,如果所在地已经选中其他地区,要去掉), 搜索最新发布的职位, 抓取页面信息. 得到如下的格式化信息 Python开发工程师 | 杭州纳帕科技有限公司 | 杭州 | 0.8-1.6万/月 | 04-27Python高级开发工程师 | 中浙信科技咨询有限公司 | 杭州 | 1-1.5万/月 | 04-27高级Python开发工程师 | 杭州新思维计

jquery 选择器选择元素名为数组的元素

$('input[name=items\\[\\]]') 参考链接:http://stackoverflow.com/questions/2340806/jquery-select-all-checkboxes-with-js-array-name

表单,音视频,语义化标签与属性选择器,结构伪类选择器,伪元素选择器(按钮禁止点击)

HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为:广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势: 新增语义化标签 <header></header> <!-- 头部标签 --> <nav></nav> <!-- 导航标签 --> <article>&l

【从0到1学Web前端】CSS伪类和伪元素

1.CSS中的伪类 CSS 伪类用于向某些选择器添加特殊的效果. 语法: selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用 selector.class : pseudo-class {property: value} 如下面的一段代码: a.red : visited {color: #FF0000} <a class="red" href="css_syntax.asp">CSS Syn

css的类选择器

css的类选择形式 .类名{} 通配类选择器:*.类名{} 某种元素的类选择器:元素名.类名{} 多类选择器:<p class="css1  css2"></p> 多类选择器会遵照更加详细的样式原则汇总,继承前面的多出来的样式,而类样式中多次出现的则按照后来居上的原则选取. 如果多个样式同时声明,那么在元素里必须同时将多个样式引入,顺序不限,否则失败. 如 .a.b{} <p class="a c b"></p>正确

JQuery——选择元素

一.$()工厂函数 在Jquery中无论哪种类型的选择符,都要从一个$()开始,在这个函数接受CSS选择符作为参数,返回包含页面对应元素的Jquery对象. 基本的选择符: 选择符 CSS中 Jquery中 说明 标签名   P{} $('P') 取得文档中所有的段落 ID #some-id{} $('#some-id')  取得文档中ID为some-id的一个元素   类      .some-class{}   $('.some-class')  取得文档中类为some-class的所有元素

过滤选择器——子元素过滤选择器

在页面开发过程中,常常遇到突出指定某行的需求.虽然使用基本过滤选择器:eq(index)可以实现单个表格的显示,但不能满足大量数据和多个表格的选择需求.为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素. 子元素过滤选择器语法 选择器 功能 返回值  :nth-child(eq|even|odd|index)  获取每个父元素下的特定位置元素,索引号从1开始 元素集合  :first-child  获取每个父元素下的第一个子元素 元素集合  :last-