问题：aUl.getElementsByTagName("li")错误“Uncaught ReferenceError: getElementsByTagName is not defined”

来源：互联网发布：官居一品知乎编辑：程序博客网时间：2024/05/17 22:40

问题来源：

标签卡片点击编写 http://www.imooc.com/code/1912

问题描述：

出现运行错误，检测得到提示 “Uncaught ReferenceError: getElementsByTagName is not defined”

具体相关代码为：

<html><head><meta charset="utf-8"/><title>test</title><script>var  aUL=document.getElementsByClassName("aUL");var lis=aUL/getElementsByTagName("li");</script></head><body><ul class="aUL"><li>first li.</li><li>Second li.</li><ul></body></html>

原因分析：

参考链接：http://bbs.csdn.net/topics/390731073

原因是，getElementsByTagName()方法的操作对象是一个确定唯一的元素，一个页面具体元素对象。

而此段程序中class=aUL的ul尽管只存在一个，但通过getElementsByClassName()所获的为数组元素，不满足唯一确定。

修正方法：

一、将ul的class属性以id代替后重新引用

二、使用aUL[0].getElementsByTagName("li");

拓展：

其他的element.getElement方法也同样存在这种限制，使用时应确保element为唯一确定的单一元素。

阅读全文

0 0