DOM

DOM:文档对象  操作页面中的元素    可以增删改查

查:

      1. 通过元素间的关系

父子关系:

  查找某个父元素:parentElement

  查找某个元素中得所有子元素 :children      返回一个动态集合

查找第一个子元素:firstElementchild

查找最后一个子元素:lastElementchild

兄弟关系:

前一个兄弟元素:previousElementSibing

下一个兄弟:nextElementSibing

2.  通过html查找

通过id查找:

var ele=document.getElementById('id');

只能找到一个        找不到返回null

通过class

var ele=document.getElementByClassName('class')

可以找到多个      返回动态集合  找不到返回[]

标签查找

var ele=document.getElementByTagName('标签名');

可以找到多个返回一个动态集合      没找到返回空集合。

通过name属性查找:

var ele=document.getElementByName('name');

可以找到多个    返回动态集合

3.  通过选择器查找

var ele=document.querySelector('#list');

只能找到一个

var ele=document.querySlectorAll('选择器')

返回一个动态集合

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 9,067评论 0 7
  • 1.DOM:文档对象模型,操作页面中的元素,增删改查 (1)查找: 1,通过元素间关系: 父子关系: //查...
    孤风残影阅读 1,222评论 0 0
  • 什么是 BOM ? 1.浏览器对象模型 Browser Object Model 2.BOM的核心对象是windo...
    WeekOne阅读 3,110评论 0 2
  • DOM:文档对象 操作页面中的元素 可以增删改查 查: 1. 通过元素间的关系 父子关系: 查找某个父元...
    是你的大颖儿阅读 1,540评论 0 0
  • DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 4,187评论 0 1