最近学习是写了一个小网页,前台有个下拉框是通过后天的xml配置的,在写好代码后使用发现在IE9以及之前的IE浏览器都可以正常获取,但是IE10,chrome和firefox都会在获取一个标签时报getElementsByTagName方法不存在的错误。百度了很久未果,起初以为的确是这些浏览器不支持这个方法了,今天用IE10自带的调试工具对比了下载IE9和IE10下的变量,发现大不相同啊。
var allitems = xmlHttp.responseXML.getElementsByTagName("menu")[0].childNodes;
// 取得全部的menu下的节点
var select = document.getElementById("menuid") ;
select.length = 1 ;
// 每次选择一个
select.options[0].selected = true ;
// 第一个为选中的状态
for(var i=0;
i<=allitems.length;
i++){
var option = document.createElement("option") ;
var food = allitems[i].getElementsByTagName("food")[0].firstChild.nodeValue ;
这是起初的代码,IE9执行正常,其他浏览器报错。 【javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法】
我的xml格式如下,有17个item标签:
文章图片
IE9下allterms变量监视如下:
文章图片
虽然看不到item但是可以看到长度为17,与xml的item数目一致。
IE10下allitems变量监视如下:
文章图片
看到这里有34个下标可以取,正好是我item节点数目的两倍,点开0,1分别查看发现0里存的是格式信息,换行什么的,1里存的才是我xml文件的第一个item标签下的信息,类型也不同。所以这里的奇数项才对应的是之前的每一项,找到了原因把for循环改成
for(var i=1;
i
就行了。
对于学习js的一点感悟,以前是写c++的,每一个函数都有标准的说明该怎么用,在学js时没有标准的api文档,大部分都是边用边百度的,对于api还是调试下看看才最清楚。
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换