DOM查找元素的方法总结

按HTML查找：
优点：范围可大可小，可设置条件；
包括五种方式：
1.按id查找；
2.按标签名查找：var elems = parent.getElementsByTagName('');
3.按name属性查找：要回传给服务器的元素需要name属性，专门找表单中有name属性的表单元素；---了解即可；
4.按class属性查找；
var elems = parent.getElementsByClassName('class');
强调：1.可在任意父元素上调用；2，可返回多个元素的组成的集合；3，不要求全部匹配，只要包含即可；
缺点：每次只能按一个条件查找，如果条件复杂的话，就无法一句话获得想要的元素；
5，这是重点强调的选择器，按选择器查找：用的比较多，比较犀利。
5.1 只找一个元素：var elem = parent.querySelector('selector");
5.2 找多个元素：var elems = parent.querySelectorAll（'selector');

那么如何选择这些查找工具呢？

从使用的难易程度：

1.当条件复杂时：

按选择器查找--简单；按HMTL查找--繁琐；
2.返回值：

getElementsByTagName（）返回多个元素的动态集合；

什么是动态集合：不实际存储对象的属性值，每次访问，都要重新查找DOM树；

querySelectorAll（）返回多个元素的非动态集合；非动态集合---实际存储对象的所有值，即使返回反复访问集合，也不会导致反复查找DOM树。
3.单次查找效率：

按HTML查找--效率高；按选择器找--效率低；

在这里，我们重点介绍下querySelector（）和querySlectorAll（），这两个方法支持CSS查询。可以通过document和element类型的实例来调用他们，目前完全支持他们的浏览器有：

而querySelectorAll：

转载于:https://www.cnblogs.com/ydaimee/p/6749594.html

DOM查找元素的方法总结相关推荐

Dom基础特殊的节点获取元素节点的内容获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
Jquery查找元素的方法汇总
Jquery查找元素的方法汇总通过具体的class,id,标签查找 $('div') // 所有div元素 $('.item') // class为item的元素 $('#main') // id为 ...
HTML DOM文档对象查找元素的方法
一.HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点: 文档是一个文档节点. 所有的HTML元素都是元素节点. 所有 HTML ...
DOM修改元素的方法总结
今天我们要谈谈DOM元素的修改(包括修改内容,属性,样式). 修改内容的方法----3种: elem.innerHTML:获取或设置元素开始标签到结束标签之间的原始HTML代码片段: elem.tex ...
前端：JS/27/HTML DOM简介和新特性，HTML DOM访问HTML元素的方法，元素对象的属性（标准属性），noscroll事件，实例：书讯快递
HTML DOM简介和新特性 1,HTML DOM简介核心DOM中,提供的属性和方法,已经可以操作网页了,为什么还要HTML DOM? 如果在核心DOM中,网页中节点层级很深时,访问这个节点时将十分 ...
simple html dom img,simple_html_dom学习过程（1）查找元素
simplie_html_dom类可以通过find方法或者类似 getElementxxxx的方式来查找一个元素. (1),利用find方法查找元素首先引入 simple_html_dom.ph ...
pythonxml解析拿到控件坐标_Python解析xml中dom元素的方法
本文实例讲述了Python解析xml中dom元素的方法.共享给大家供大家参考.详细实现方法如下: 复制代码代码如下: from xml.dom import minidom try: xmlfile ...
jq 方法函数（淡入淡出，查找元素，过滤）遍历
淡入淡出:fadeIn fadeOut fadeToggle fadeTo 淡入:fadeIn(speed[,callback]) 速度和回调函数回调函数可以写匿名函数,或者方法名不加括号. s ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

DOM查找元素的方法总结

DOM查找元素的方法总结相关推荐

最新文章

热门文章