问题来源:
标签卡片点击编写 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为唯一确定的单一元素。