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 相关文章推荐
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
js实现div弹出层的方法
Nov 20 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
JavaScript限定图片显示大小的方法
Mar 11 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
react 项目中引入图片的几种方式
Jun 02 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
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
PDO::exec讲解
2019/01/28 PHP
js 创建快捷方式的代码(fso)
2010/11/19 Javascript
JavaScript window.location对象
2014/11/14 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
JS实现方向键切换输入框焦点的方法
2015/08/19 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
Node.js模块封装及使用方法
2016/03/06 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
python访问纯真IP数据库的代码
2011/05/19 Python
Python中生成Epoch的方法
2017/04/26 Python
Tornado 多进程实现分析详解
2018/01/12 Python
谈谈python中GUI的选择
2018/03/01 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
python数值基础知识浅析
2019/11/19 Python
mac系统下安装pycharm、永久激活、中文汉化详细教程
2020/11/24 Python
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
致100米运动员广播稿
2014/02/14 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
python中数组和列表的简单实例
2022/03/25 Python