官方给出的HTML中的ID的命名规范: 1.必须以字母 A-Z 或 a-z 开头2.其后的字符:字母(A-Za-z).数字(0-9).连字符("-").下划线("_").冒号(":") 以及点号(".")3.值对大小写敏感 但是个人建议不要使用冒号(":"),因为冒号在使用的时候在使用JQuery时,需要被转义,有时候浏览器不会进行转义,就会导致出错.一般使用字母加上下划线就够用了. html标签的ID命名

  document.querySelector()与document.querySelectorAll() CreationTime--2018年7月1日10点49分 Author:Marydon 1.说明 他俩是H5提供的选择器,都可以直接获取页面元素并进行操作. 2.区别 用法与jQuery里的$()选择器相似: querySelector只能选择第一个匹配的节点: querySelectorAll可以选择多个节点,返回的是数组形式的页面元素对象. 3.举例 window.onload =

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

标准参考 无. 问题描述 各浏览器使用 document.id 和 document.name 方法获取对象引用的支持存在差异. 造成的影响 某些浏览器中通过 document.id 和 document.name 可能无法获取元素,导致脚本异常,功能不可用. 受影响的浏览器 所有浏览器   问题分析 参考 W3C 规范中 HTML5 草案:3.1.1 Documents in the DOM 参考 W3C 规范中 HTML5 草案:3.1.4 DOM tree accessors 1. DOM

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

document.getElementsByName('someName') 返回一个节点列表(数组) 注意:在IE下有些节点是没有name 属性的,就是用document.getElementsByName获取不到的.只有下面的tag有name属性: A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden,

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

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

想必小伙伴们对于 JS 获取DOM的几种方法早已烂熟于心,了然于胸,   尤其是 document.getElementById 和 document.getElementsByClassName,   看看下面截图,用上面2种方法获取到元素并添加点击事件后,控制台会打印出什么呢? 可能有小伙伴晃眼一看,这么简单,不就是 1和2 吗,真的是这样吗?下面看看控制台的打印截图  结果是只打出了1,为什么没有打印出2呢?   现在我们把2种获取DOM的方法打印出来,如下截图, console.log(

js中通过docment.cookie获取到的内容不完整!在浏览器的application里的cookie里可以看到完整的cookie,个别字段无法通过document.cookie获取.是否有其他办法可以获取到?? 问题描述中所说的不能读到的Cookie内容应该被设置成了 HttpOnly, 即客户端脚本无法读取,只能从服务端读取和操作. 设置 HttpOnly 的作用就在于通过阻止 JS 读取 Cookie 来 防止XSS 攻击. 除了通过浏览器插件的方式(浏览器为其提供了接口),使用客户端

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

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

document.getElementById & document.querySelector https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Docum

1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null.  2.querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组). 可通过指定下标的方法获取某个的元素,例如document.querySelectorAll('.ubox')[0],表示获取第一个. 返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果.  这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jque

获取网页元素有很多种方法,如下: document.all[];返回HTMLElement对象 document.all.tags[];返回NodeList对象,类似数组 document.getElementById(); 返回HTMLElement对象 document.getElementsByTagName();返回NodeList对象,数组 document.getElementByClassName();返回NodeList对象,类似数组 document.getElementByN

javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe)         {             var Doc;             try{                 Doc = iframe.contentWindow.document;// For IE5.5 and IE6             }         

var apliay=document.getElementById('apliay_ok'); 代码里指定有id="apliay_ok"的标签,但是获取不到,折腾半天原来是因为在获取此标签是div还没生成,所以取不到值 解决:把js放到 div下面就可以了

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>2019/03/20作业</title> <script src="js/hw.js" type="text/javascript" charset="utf-8"></script> <style ty

今天在一张JSP网页中,写一个javascript方法,用于全选. 全部被选checkBox位于一个名为mainForm的Form下,name=pushIds.方法如下: function selectAll(obj){ var form = document.getElementById("mainForm"); var pushIds = form.pushIds; var bool = obj.selected; for(var j=0; j < pushIds.lengt

document.querySelectorAll赋给其它变量时, 为什么要.bind(document)? https://stackoverflow.com/questions/12637061/illegal-invocation-with-document-queryselectorhttps://segmentfault.com/q/1010000006207891/a-1020000006208171https://segmentfault.com/q/101000000620789