美文网首页
DOM中的查找元素

DOM中的查找元素

作者: yangmengjiao | 来源:发表于2018-09-11 19:46 被阅读0次


id 只能找到一个

 class 能找到多个,返回一个动态集合(数组)

TagName 标签名    能找到多个,返回一个动态集合(数组)

name 属性 适用于表单元素

选择器:

1:querySelector()只能找到一个.默认得到的是首个

2:querySelectorAll()能找到所有.动态集合(数组)

通过元素间关系查找:

父子关系:

1:parentElement查找一个元素的父级

2:children查找一个的所有子元素

3:firstElementChild查找父元素下的第一个子元素

4:lastElementChild查找父元素下的最后一个子元素

兄弟关系:

1:previouseElementSibling前一个兄弟

2:nextElementSibing下一个兄弟


作者:cherish_任逗逗
链接:https://www.jianshu.com/p/d813a19d236e
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

相关文章

  • Dom中的查找

    Dom中的查找 元素间关系

  • JavaScript基础 --- DOM操作

    一、查找HTML元素 1、通过 id 查找 HTML 元素在 DOM 中查找 HTML 元素的最简单的方法,是通...

  • Dom中的查找元素

    id 只能找到一个 class 能找到多个,返回一个动态集合(数组) TagName 标签名 能找到多个,返回...

  • Dom中的查找元素

    id 只能找到一个 class 能找到多个,返回一个动态集合(数组) TagName 标签名 能找到多个,返...

  • DOM中的查找元素

  • js 5-23 DOM操作元素

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

  • DOM

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

  • DOM

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

  • 2018-05-21 js笔记

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

  • 5-21

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

网友评论

      本文标题:DOM中的查找元素

      本文链接:https://www.haomeiwen.com/subject/qaqpgftx.html