javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法

最近学习是写了一个小网页,前台有个下拉框是通过后天的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执行正常,其他浏览器报错。

我的xml格式如下,有17个item标签:

javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法_第1张图片

IE9下allterms变量监视如下:


虽然看不到item但是可以看到长度为17,与xml的item数目一致。

IE10下allitems变量监视如下:

javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法_第2张图片

看到这里有34个下标可以取,正好是我item节点数目的两倍,点开0,1分别查看发现0里存的是格式信息,换行什么的,1里存的才是我xml文件的第一个item标签下的信息,类型也不同。所以这里的奇数项才对应的是之前的每一项,找到了原因把for循环改成

for(var i=1;i
就行了。

对于学习js的一点感悟,以前是写c++的,每一个函数都有标准的说明该怎么用,在学js时没有标准的api文档,大部分都是边用边百度的,对于api还是调试下看看才最清楚。

你可能感兴趣的:(javascript)