怎么查找html元素

/*
*作者：呆萌老师
*☑csdn认证讲师
*☑51cto高级讲师
*☑腾讯课堂认证讲师
*☑网易云课堂认证讲师
*☑华为开发者学堂认证讲师
*☑爱奇艺千人名师计划成员
*在这里给大家分享技术、知识和生活
*各种干货，记得关注哦！
*vx：it_daimeng
*/

1. document 对象的方法

(1) ID 法

var t = document.getElementById( "标记的ID值" );

注意：只能查找单个标记，所以每一个 HTML标记的 ID值必须不同

注意：返回查找到的 JS的对象（HTML标记本身）

(2) 标签名称 TagName : <a> <div>

var s = document.getElementsByTagName( "标签div" );

注意：从整个文档中查找指定类型的标记(<div>) , 不论他的嵌套关系

（3）Class 属性

var divs = document.getElementsByClassName( "clsDiv01" );

注意：此方法查找标记只考虑 class="" 的值，不考虑标记的类型（<p class="clsDiv01"> , <div class="clsDiv01" >）

（4）name 法

var inputs = document.getElementsByName("txtUn");

2. 根据标记之间的关系查找

(1) 父标记找子元素

<1> .childNodes : 标记 + 文本 + 注释

<2> .children : 标记

<3> .firstChild : 长子（从集合 childNodes 中取第一个）

<4> .lastChild : 幼子（从集合 childNodes 中取最后一个）

(2) 子元素找父标记

.parentNode : 查找直接父标记（父亲）

.parentNode.parentNode : 查找间接父标记

(3) 祖辈找后代元素（儿子 + 孙子 + ......）

<1> divFu.getElementsByTagName("span");

(4) 兄弟关系

<1> 前一个紧贴的标记（哥哥）

.previousNode : 前一个兄弟（从集合 childNodes 中取第一个）

如果一定要查找标记，而不是文本

var s = span02.previousSibling.nodeType == 3 ? span02.previousSibling.previousSibling : span02.previousSibling ;

<2> 后一个紧贴的标记（弟弟）

.nextNode : 后一个兄弟（从集合 childNodes 中取第一个）

怎么查找html元素相关推荐

HDU2025 查找最大元素
问题链接:HDU2025 查找最大元素.这是一个入门训练题,用C语言编写程序. 问题简述:参见上述链接. 问题分析:这个问题的关键是开始不知道字符串中的哪个字符最大,所以需要先看一遍字符串.知道最大字 ...
【Groovy】集合遍历 ( 使用集合的 find 方法查找集合元素 | 闭包中使用 == 作为查找匹配条件 | 闭包中使用 is 作为查找匹配条件 | 闭包使用 true 作为条件 | 代码示例 )
文章目录一.使用集合的 find 方法查找集合元素 1.闭包中使用 == 作为查找匹配条件 2.闭包中使用 is 作为查找匹配条件 3.闭包中使用 true 作为查找匹配条件二.完整代码示例一. ...
hdu 2025:查找最大元素（水题，顺序查找）
查找最大元素 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Sub ...
1.12 Java数组使用binarySearch()方法查找指定元素
查找数组是指从数组中查询指定位置的元素,或者查询某元素在指定数组中的位置.使用 Arrays 类的 binarySearch() 方法可以实现数组的查找,该方法可使用二分搜索法来搜索指定数组,以获得指 ...
【小米校招笔试】一个数组是由有序数组经过n次循环移动后所得，请你用最快速度查找某个元素位置
2016年小米校招笔试第二题(西安站) 2 现有一个数组是由有序数组经过n次循环移动后所得,请你用最快速度查找某个元素位置(如1234568,向右移动3次后为67812345). 参考解法(Java版 ...
Jsoup（二）-- Jsoup查找DOM元素
一.Jsoup查找DOM元素的方法 getElementById(String id) 根据id 来查询DOM getElementsByTag(String tagName) 根据tag 名称来查询 ...
每天一道LeetCode-----有序数组右移n位后查找某个元素
Search in Rotated Sorted Array 原题链接Search in Rotated Sorted Array 一个无重复项的递增序列右移了一定距离,在右移后的序列中查找是否有某个 ...
查找列表元素的最大最小值（python）
# 查找列表元素的最大最小值 list01 = [10,4,8,11,45,9,3,55] # 假设第一个元素是最大值 max = list01[0] min = list01[0] # 一次与后面的 ...
中求解数组中元素个数_JavaScript之学underscore在数组中查找指定元素
今天来给大家分享下使用underscore在数组中查找指定元素. 在开发中,我们经常会遇到在数组中查找指定元素的需求,可能大家觉得这个需求过于简单,然而如何优雅的去实现一个 findIndex 和 f ...
java递归单链表查找中间元素_《数据结构与算法——C语言描述》答案 3.11 查找单链表中的特定元素（递归）...
转载请注明出处:http://blog.csdn.net/xdz78 #include #include //查找单链表中的特定元素,<数据结构与算法--c语言描述> 3.11 答案 in ...

怎么查找html元素

怎么查找html元素相关推荐

最新文章

热门文章