实现兼容document.querySelector的方法

【实现兼容document.querySelector的方法】的更多相关文章

实现兼容document.querySelector的方法

var querySelector = function(selector) { //TODO 先简单兼容,后续继续扩展: var element = null; if(document.querySelector) { element = document.querySelector(selector); } else { var selectors = selector.split(' '); var context = document; for(var i = 0, len = sele…

ie8以下不兼容document.getElementsByName解决方法

在IE8以认为只有文本标签才有name属性的,一些元素标签用document.getElementsByName获取不到DOM,如DIV,span等,这里做一下兼容. HTML: <div name="pox">我是pox</div> <div name="pox">我是pox</div> <div name="pox">我是pox</div> <div name=&q…

document.querySelector和querySelectorAll方法

querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下: 1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2.querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组). 3.返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果. 这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jquery的选择器. …

javascript之原生document.querySelector和querySelectorAll方法

querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下: 1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2.querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组). 3.返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果. 这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jquery的选择器. …

document.getElementById和document.querySelector的区别

zepto中的$(".111")出错,jQuery中$(".111")不出错的原因: zepto用document.querySelector实现,jQuery用document.getElementById实现. 二者区别:http://www.zhihu.com/question/24702250 1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1].而 getElementsBy 系列则属于 W3C…

Angular.element和$document的使用方法分析，代替jquery

AngularJs是不直接操作DOM的,但是在平时的开发当中,我们有的时候还是需要操作一些DOM的,如果使用原生的JS的话操作过于麻烦,所以大家一般都是使用jQuery,jQuery虽然好用,但是AngularJs是不建议和JQuery同时使用的,所以AngularJs给我们也提供了一些操作DOM的方法---Jqlite 下面以addClass()方法为例给大家讲解一下Jqlite的使用: 查阅官方提供的api,可以看到使用方法是angular.element(ele),其中,允许传入的参数el…

正确地缩写 document.querySelector

北京的夕阳,伴随淡淡的霾殇.从写字楼望去,光线是那么昏黄.没有孤雁,也没有霞光,遥想当年,还是 jQuery 独霸一方.那时的我们,写程序都习惯了使用 $,至少在对美元符号的喜爱上,与 PHP 达成了一致. 当然,我并不讨论语言,我只说前端. 在 React 大行其道的如今,很少再看到 jQuery 的身影,是它离开了我们吗,还是我们选择了不挽留.总之,我们返璞归真,重新写起了原生的 JavaScript,这无疑是原教主义者们的胜利并且值得庆祝的时代. 使用 jQuery,对于 DOM 操作毫不…

关于onscroll函数兼容各浏览器的方法分析

关于window.onscroll函数兼容各浏览器的方法分析 1.当前文档的渲染模式是决定onscroll函数兼容性根本原因目前浏览器的排版引擎有三种模式:怪异模式(Quirks mode).接近标准模式(Almost standards mode).以及标准模式(Standards mode).对HTML文件来说,浏览器使用文件开头的 DOCTYPE 来决定用怪异模式处理或标准模式处理.如果文档没有声明DOCTYPE,会令浏览器触发怪异模式.例如<!DOCTYPE html>,是所有可用的…

javascript 原生得到document.Element的方法

今天这里写这个博客的主要目的是记录一下javascript原生的选择dom的集中方法. 1.document.getElementById.这个方法接收1个参数,就是DOM元素的id(区分大小写),这也是平时用的最多的方法,并且用这种方法DOM查找的效率是最高的,所以如果能用id查找的dom元素尽量用id来查询,返回的类型是DOM ELEMENT. 2.document.getElementsByTagName.这个方法接收1个参数,需要查询的元素标签(不区分大小写).返回的是一个 HTMLCo…

document.querySelector()和document.querySelectorAll()

HTML5向Web API新引入了 document.querySelector()和document.querySelectorAll()两个方法,都可以接收三种类型的参数:id(#),class(,),标签,就像jquery选择器,参数需要是合法的CSS选择语法. 用起来更方便的从DOM中选取元素,功能类似于jquery的选择器,这样在写原生js代码的时候就方便了许多. document.querySelector() 返回文档中匹配指定的选择器组的第一个元素(使用深度优先先序遍历文档的节点…