javascript DOM操作之 querySelector,querySelectorAll…

在HTML5中,提供了强大的DOM元素选择API querySelector/querySelectorAll,允许使用JavaScript代码来完成类似CSS选择器的DOM元素选择功能.通常情况下,我们都是使用的document.querySelector/querySelectorAll来选择DOM元素,但是有些时候会使用DOM元素上的querySelector/querySelectorAll方法,此时就有些怪异了. 比如说,下面的这样一个HTML页面(示例页面中为了方面说明问题,我为每个…

querySelector 返回满足条件的单个元素 使用实例 HTML <div id="main">主体布局</div> JS var main =document.querySelector('#main'); console.log(main) 这时候结果返回的就是 整个元素 <div id="main">主体布局</div> 返回一个查询元素 测试谷歌 IE11 IE10 IE9  火狐  可以正常使用 PS:…

官网解释: querySelector() and querySelectorAll() are two JavaScript functions very useful when working with HTML elements and JavaScript.With these functions you can get in JavaScript the HTML elements according to a group of CSS selectors ("id", &q…

querySelector获取页面I属性D为test的元素: document.getElementById("test"); //or document.querySelector("#test"); document.querySelectorAll("#test")[0]; querySelectorAll获取页面class属性为”red”的元素: document.getElementsByClassName('red') //or do…

1. 通过类似于 document.getElementByTagName('div') 这种方式获取到的类数组,无法通过 forEach 进行遍历(可以通过for循环):而通过document.querySelectorAll(div)可以通过forEach 进行遍历. (1)首先看 getElementByTagName 的这种情况 网页表现 (2)然后看 querySelectorAll 的这种情况 网页表现 2. 通过 getElementBy** 获取这种方式获取到的数组是动态的:而…

他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素. 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. querySelector 和 querySelectorAll 在规范中定义了如下接口: 从接口定义可以看到Document.DocumentFragment.Element都实现了NodeSelector接口.即这三种类型的元素都拥有者两个方法.querySelector和querySelectorAll的…

querySelector和querySelectorAll是W3C提供的新的查询接口 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. 万能的sizzle在高版本的浏览器中复杂的选择器尽量走querySelectorAll,前提是这个匹配的节点没有兼容问题 从IE8开始虽然支持querySelectorAll的API,但是会有各式各样的BUG,所以sizzle拿rbuggyQSA用来记录这个BUG问题 if ( supp…

querySelector 和 querySelectorAll 规范定义 querySelector 和 querySelectorAll 方法是 W3C Selectors API Level 1规范中定义的.他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素. 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. querySelector 和 querySelectorAll 在规范中定义了如下接口: mod…

节点查找方法 document.getElementById() 前面必须是document document.getElementsByName()  前面必须是document ele.getElementsByTagName() 前面元素不限 ele.getElementsByClassName() 前面元素不限 querySelector() querySelectorAll() .tagName 元素名称 在低版本IE中,document.getElementById() 存在bug…