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 - HTML的request类
Jan 09 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
JavaScript 学习笔记(四)
Dec 31 Javascript
微信小程序 教程之WXML
Oct 18 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
VueJs组件之父子通讯的方式
May 06 Javascript
Vue项目History模式404问题解决方法
Oct 31 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
十大催泪虐心动漫,你能坚持看到第几部?
2020/03/04 日漫
php preg_filter执行一个正则表达式搜索和替换
2012/02/27 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
浅谈PHP中output_buffering
2015/07/13 PHP
php如何实现不借助IDE快速定位行数或者方法定义的文件和位置
2017/01/17 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
script标签属性用type还是language
2015/01/21 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
python实现的系统实用log类实例
2015/06/30 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
Python爬虫之网页图片抓取的方法
2018/07/16 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
高级文秘工作总结的自我评价
2013/09/28 职场文书
实习鉴定范文
2013/12/19 职场文书
关于圣诞节的广播稿
2014/01/26 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
《春雨》教学反思
2014/04/24 职场文书
双拥工作宣传标语
2014/06/26 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
JavaScript前端面试组合函数
2022/06/21 Javascript