怎么查找html元素

缺乏、安全感 2024-04-07 14:13 75阅读 0赞 
  1. /*
  2. *作者：呆萌老师
  3. *☑csdn认证讲师
  4. *☑51cto高级讲师
  5. *☑腾讯课堂认证讲师
  6. *☑网易云课堂认证讲师
  7. *☑华为开发者学堂认证讲师
  8. *☑爱奇艺千人名师计划成员
  9. *在这里给大家分享技术、知识和生活
  10. *各种干货，记得关注哦！
  11. *vx：it_daimeng
  12. */
  1. document 对象的方法

(1) ID 法

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

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

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

(2) 标签名称 TagName :

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

注意： 从 整个文档中查找 指定类型的标记(

) , 不论他的嵌套关系

（3）Class 属性

var divs = document.getElementsByClassName( “clsDiv01” );

注意： 此方法查找标记 只考虑 class=”” 的值 ，不考虑标记的类型（

,

）

（4）name 法

var inputs = document.getElementsByName(“txtUn”);

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

(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 中取 第一个）

发表评论

表情：
评论列表 （有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

    相关 查找数组元素

    本小节需要你用递归函数实现二分法查找数组元素。 编程要求 用递归函数实现二分法查找数组元素。 提示：先输入一个升序数组，再输入一个数，输出该数在数组中的下标； 不

    末蓝、末蓝、/ 0 赞/ 53 阅读

    相关 1230 元素查找

    题目描述 Description 给出n个正整数，然后有m个询问，每个询问一个整数，询问该整数是否在n个正整数中出现过。 输入描述 Input Description 第

    傷城~傷城~/ 0 赞/ 271 阅读

    相关 查找数组元素

    题目： 编写程序，输入n（1<=n<=10),输入n个整数构成一个数组，输入整数x，在这个数组中查找x是否存在，如果存在，删除x，后面元素依次向前添补空位，并输出删除元素后的

    缺乏、安全感缺乏、安全感/ 0 赞/ 343 阅读

    相关 查找主元素

    题目：已知一个整数序列A=(a0，a1，…，an-1)，其中0≤ai＜n(0≤i＜n)。若存在ap1=ap2=…=apm=x且m＞n/2(0≤pk＜n，1≤k≤m)，则称x为A

    快来打我*快来打我*/ 0 赞/ 456 阅读