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标签：

IE9下allterms变量监视如下：

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

IE10下allitems变量监视如下：

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

 

for(var i=1;i<allitems.length;i+=2)

就行了。

 

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