querySelector() 返回匹配指定选择器的第一个元素。 querySelectorAll() 返回所有的节点元素 语法 document.querySelector(CSS selectors) getElementsByTagName() //返回的是所有的节点,是一个类数组对象 getElementById(id) // 返回某个节点对象 语法 document.getElementById(id) //与selectot的区别是,参数为...
?(\w+)$/img; var regResult = reg.exec(selector); var result = []; //如果是id选择器 if(regResult[1]) { if(regResult[3]) { if(typeof document.querySelector === "function") { result.push(document.querySelector(regResult[3])); } else { result.push(document.getElementById(...
可以看到,getElement方法的运行速度比querySelector快了好几倍;也就是说getElement的性能确实是比较好滴~ 总结 getElement返回动态集合,是document的方法;性能较好,一般情况下优先使用;接收的参数只能是简单的className、tagName和name; querySelector返回静态集合,是element的方法,css Selector的API,接收的参数是一个CSS...
一、原生JS选择器#JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll() A: getElementById(ID): 返回对指定ID的第…
使用getElementById适合于查找单个具有唯一ID的元素 getElementsByTagName和getElementsByClassName适合于查找多个相同标签名称或类名的元素。 需要注意的是,以上方法返回的是一个HTML元素或HTML元素列表(NodeList) 【二】半间接查找标签query 【1】id值查找querySelector ...
document.getElementById() document.getElementsByClassName() document.getElementsByTagName() document.getElementsByName() 后来才发现querySelector()这个方法,这个方法跟 jquery 的获取元素方法是一样的。里面填写的是 css 选择器。 比如,下面这几个获取的元素是一样的: ...
通过选择器获取一组元素(querySelectorAll) 1、通过元素的ID去拿元素 --> 获取的是一个指定的元素(getElementById) 若页面上有一个或多个对应的ID ,则只获取第一个ID对应的元素 若页面上没有对应的ID ,则拿到的是个 null console.log(div1);// 只有在标准浏览器下支持 ...
js的querySelector获取的是静态的集合(取到和文档更改没关系了)获取的是第一个(并不是集合) getElementBy 获取的是集合 querySelector和querySelectorAll() querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。
JSDOM中getElement系列和querySelector系列获取节点 节点查找方法 document.getElementById() 前面必须是document document.getElementsByName() 前面必须是document ele.getElementsByTagName() 前面元素不限 ele.getElementsByClassName() 前面元素不限 querySelector()querySelectorAll().tagName 元素名称 在低版本IE中...
1、所有获取DOM对象的方法中,只有getElementById()和querySelector()这两个方法直接返回的DOM对象本身,可直接为其绑定事件。 2、getElementXXX类型的方法,除了通过Id获取元素,其他都返回一个集合。 如果需要取到具体的DOM元素,需要加索引,如:document.getElementsByClassName(“box”)[0] =>获取class为box的所有元素...