IE8下关于querySelectorAll()的问题


Posted in Javascript onMay 13, 2010

当用querySelector()或querySelectorAll()查找类似name="2nd_btn"的元素时,FF,chrome和IE8都会报错。
FF,chrome报的错是一样的,如下所示:
Error: uncaught exception: [Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (NS_ERROR_DOM_SYNTAX_ERR)" location: ".../test/qsa.html Line: 18"]
IE8的报错提示:行: 18 错误: 参数无效。
一寻思,name的值是以数字开头的,把数字去掉或修改后,就能取到了。
这就告诉我们,一般可自定义标签的属性值时,属性值不能以数字开头,也不能包含$,^等不常用的字符。
在HTML页面开始一定要记得声明<!DOCTYPE>。

测试代码:

<!DOCTYPE> 
<html> 
<head></head> 
<body> 
<div id="foo"> 
<a name="warns" href="">This is a sample warning</a> 
<a id="3err" href="">This is a sample error</a> 
</div> 
<div id="bar"> 
<a name="warns" href="">This is another sample warning</a> 
<a name="1err" href="">This is another sample error</a> 
</div> 
<script> 
var a = document.querySelectorAll("[name=warns]") 
alert(a.length)//输出:2 
var b = document.querySelector("[id=3err]") 
alert(b.tagName)//报错 
var c = document.querySelectorAll("[name=1err]") 
alert(c.length)//报错 
</script> 
</body> 
</html>
Javascript 相关文章推荐
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
HTML上传控件取消选择
Mar 06 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
jQuery实现返回顶部功能
Feb 23 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
js实现本地时间同步功能
Aug 26 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
js实现简单的随机点名器
Sep 17 Javascript
关于可运行代码无法正常执行的使用说明
May 13 #Javascript
jquery validate.js表单验证的基本用法入门
May 13 #Javascript
JQuery 选择器 xpath 语法应用
May 13 #Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 #Javascript
通过判断JavaScript的版本实现执行不同的代码
May 11 #Javascript
JavaScript 判断指定字符串是否为有效数字
May 11 #Javascript
Jquery 获得服务器控件值的方法小结
May 11 #Javascript
You might like
一个显示天气预报的程序
2006/10/09 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
php在文件指定行中写入代码的方法
2012/05/23 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
页面中iframe相互传值传参
2009/12/13 Javascript
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
JScript实现地址选择功能
2017/08/15 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
使用命令行工具npm新创建一个vue项目的方法
2017/12/27 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
python 爬取微信文章
2016/01/30 Python
python模块导入的细节详解
2018/12/10 Python
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
香港零食网购:上仓胃子
2020/06/08 全球购物
优秀毕业生求职信范文
2014/01/02 职场文书
缓刑人员的思想汇报
2014/01/11 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
《长城和运河》教学反思
2014/04/14 职场文书
马丁路德金演讲稿
2014/05/19 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
PHP遍历数组的6种方式总结
2021/11/17 PHP