为什么报错说我未捕获TypeError：未定义的函数？？

xiaoding2014 2015-02-19 02:55:44 


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>JavaScript简易日历</title>



<style>

/* CSS Document */*{padding: 0; margin: 0;}li{list-style: none;}body{background: #f6f9fc; font-family: arial;}.calendar{width: 210px; margin: 50px auto 0; padding: 10px 10px 20px 20px; background: #eae9e9;}.calendar ul{width: 210px; overflow: hidden; padding-bottom: 10px;}.calendar li{float: left; width: 58px; height: 54px; margin: 10px 10px 0 0; border: 1px solid #fff; background: #424242; color: #fff; text-align: center; cursor: pointer;}.calendar li h2{font-size: 20px; padding-top: 5px;}.calendar li p{font-size: 14px;}.calendar .active{border: 1px solid #424242; background: #fff; color: #e84a7e;}.calendar .active h2{}.calendar .active p{font-weight: bold;}.calendar .text{width: 178px; padding: 0 10px 10px; border: 1px solid #fff; padding-top: 10px; background: #f1f1f1; color: #555;}.calendar .text h2{font-size: 14px; margin-bottom: 10px;}.calendar .text p{font-size: 12px; line-height: 18px;}

</style>







<script >

window.onload=function()

{



    var odiv=document.getElementById('tab');

    var oul=odiv.getElementsByTagName('ul');

    var ali=oul.getElementsByTagName('li');

    var otxt=odiv.getElementsByTagName('div');



    for(var i=0;i<ali.length;i++)

    {   

       //alert(ali.length);

       //ali[i].index=i;

       ali[i].onmouseover=function()

       {

            for(i=0;i<ali.length;i++)

            {

                ali[i].className='';

            }

            this.className='active';

            //otxt.innerHTML='<h2>'+this.index+'月活动</h2><p>快过年了，大家可以商量着去哪玩吧～</p>';

            otxt.innerHTML='123';

       };

    }

};

</script>



</head>



<body>



<div id="tab" class="calendar">



    <ul>

        <li class="active"><h2>1</h2><p>JAN</p></li>

        <li><h2>2</h2><p>FER</p></li>

        <li><h2>3</h2><p>MAR</p></li>

        <li><h2>4</h2><p>APR</p></li>

        <li><h2>5</h2><p>MAY</p></li>

        <li><h2>6</h2><p>JUN</p></li>

        <li><h2>7</h2><p>JUL</p></li>

        <li><h2>8</h2><p>AUG</p></li>

        <li><h2>9</h2><p>SEP</p></li>

        <li><h2>10</h2><p>OCT</p></li>

        <li><h2>11</h2><p>NOV</p></li>

        <li><h2>12</h2><p>DEC</p></li>

    </ul>

    

    <div class="text">

        <h2>1月活动</h2>

        <p>快过年了，大家可以商量着去哪玩吧～</p>

    </div>



</div>



</body>

</html>






为啥说我这段话错了，明明是从ul 里面获取li阿，真不知道哪写错了，求指点
...全文
234 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
孟子E章 2015-02-19
  • 打赏
  • 举报
 回复
完整的 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript简易日历</title>
 
<style>
/* CSS Document */*{padding: 0; margin: 0;}li{list-style: none;}body{background: #f6f9fc; font-family: arial;}.calendar{width: 210px; margin: 50px auto 0; padding: 10px 10px 20px 20px; background: #eae9e9;}.calendar ul{width: 210px; overflow: hidden; padding-bottom: 10px;}.calendar li{float: left; width: 58px; height: 54px; margin: 10px 10px 0 0; border: 1px solid #fff; background: #424242; color: #fff; text-align: center; cursor: pointer;}.calendar li h2{font-size: 20px; padding-top: 5px;}.calendar li p{font-size: 14px;}.calendar .active{border: 1px solid #424242; background: #fff; color: #e84a7e;}.calendar .active h2{}.calendar .active p{font-weight: bold;}.calendar .text{width: 178px; padding: 0 10px 10px; border: 1px solid #fff; padding-top: 10px; background: #f1f1f1; color: #555;}.calendar .text h2{font-size: 14px; margin-bottom: 10px;}.calendar .text p{font-size: 12px; line-height: 18px;}
</style>
 
 
 
<script >
window.onload=function()
{
 
    var odiv=document.getElementById('tab');
    var oul=odiv.getElementsByTagName('ul');
    var ali=oul[0].getElementsByTagName('li');
    var otxt=odiv.getElementsByTagName('div');
 
    for(var i=0;i<ali.length;i++)
    {   
       //alert(ali.length);
       //ali[i].index=i;
       ali[i].onmouseover=function()
       {
            for(i=0;i<ali.length;i++)
            {
                ali[i].className='';
            }
            this.className='active';
            otxt[0].innerHTML='<h2>'+this.getElementsByTagName('h2')[0].innerHTML+'月活动</h2><p>快过年了，大家可以商量着去哪玩吧～</p>';
            //otxt[0].innerHTML='123';
       };
    }
};
</script>
 
</head>
 
<body>
 
<div id="tab" class="calendar">
 
    <ul>
        <li class="active"><h2>1</h2><p>JAN</p></li>
        <li><h2>2</h2><p>FER</p></li>
        <li><h2>3</h2><p>MAR</p></li>
        <li><h2>4</h2><p>APR</p></li>
        <li><h2>5</h2><p>MAY</p></li>
        <li><h2>6</h2><p>JUN</p></li>
        <li><h2>7</h2><p>JUL</p></li>
        <li><h2>8</h2><p>AUG</p></li>
        <li><h2>9</h2><p>SEP</p></li>
        <li><h2>10</h2><p>OCT</p></li>
        <li><h2>11</h2><p>NOV</p></li>
        <li><h2>12</h2><p>DEC</p></li>
    </ul>
     
    <div class="text">
        <h2>1月活动</h2>
        <p>快过年了，大家可以商量着去哪玩吧～</p>
    </div>
 
</div>
 
</body>
</html>
孟子E章 2015-02-19
  • 打赏
  • 举报
 回复
加一个[0] 就是第一个ul
xiaoding2014 2015-02-19
  • 打赏
  • 举报
 回复
引用 1 楼 net_lover 的回复:
var ali=oul[0].getElementsByTagName('li'); getElementsByTagName返回的是一个集合
getElementsByTagName 为什么返回一个集合后面就要加一个[0] 请大神用通俗的话讲解一下
xiaoding2014 2015-02-19
  • 打赏
  • 举报
 回复
引用 1 楼 net_lover 的回复:
var ali=oul[0].getElementsByTagName('li'); getElementsByTagName返回的是一个集合
为什么我innerHtml 没生效阿？
孟子E章 2015-02-19
  • 打赏
  • 举报
 回复
var ali=oul[0].getElementsByTagName('li'); getElementsByTagName返回的是一个集合
shotgun.js:Shotgun测试JavaScript函数
Shotgun.js Shotgun测试JavaScript函数 介绍 gun弹枪测试涉及在许多测试运行中将随机值作为参数传递给函数。 尽管它不是一种软件测试的系统方法（例如在墙上发射wall弹枪），但它仍然可以捕获很多整洁的东西。 当将函数传递给the弹枪对象时，零到十个值之间的任何值都将作为参数传递给所提供的函数。 这些值可以是布尔值，数字，字符串，函数，空对象，空值或未定义。 如果发生故障，将捕获异常并将其与导致异常的参数列表一起记录到控制台。 例子 加载jQuery 2.1.3和Shotgun.js之后： > var body = $('body'); < undefined> shotgun(body.addClass); ** ERROR: TypeError: undefined is not a function [function, 281610] ** E
js报错未定义的ajax,ReactJS和AJAX未捕获TypeError：无法读取未定义的属性'错误'
我在React函数中引用AJAX请求，同时引用React类中的状态。但是，我得到一个TypeError，当我输入AJAX请求时，对状态的引用是未定义的。 。ReactJS和AJAX未捕获TypeError：无法读取未定义的属性'错误'这里是我的代码片段，我“米不清楚如何在这里继续我在哪里丢失的上下文class BugList extends React.Component {constructor...
js中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)
得知：在代码执行前的预加载中是先把函数bindData(classList)调用，之后才定义了课程，所以在函数bindData中最后一行的kecheng还未定义。从上图可以看出，我把获取元素写到了调用方法的后面，且报错时提示的行数对应的内容是：kecheng.appendChild(div);意思是：未捕获的类型错误: 无法读取未定义的属性(读取‘ appendchild’)也就是说，你在使用appendChild时的父元素上没有这个属性，所以没法使用。此时我的js代码为：（只展示引起错误的部分）
split函数python 未定义_Uncaught TypeError:无法读取未定义的属性“split”（匿名函数）...
我不知道为什么会出现这个错误，我只是想把在索引页中工作的表单移到post页。我只是简单地移动了表单，但是没有工作；uncaughttypeerror:由于某种原因无法读取undefined(匿名函数)的属性'split'。在{% crispy comment_form comment_form.helper %}$(document).ready(function() {$(document).o...
ajax无法获取null,未捕获的TypeError:无法读取null的属性“结果” - javascript
我试图通过单击一个按钮来创建一个事件，该事件将提交我提供的三项信息。我的PHP脚本应该返回此事件创建成功或失败的JSON编码响应。这种响应的一个示例是：{"result":true,"message":"Your event has been created"}为了返回这样的响应，我让我的PHP脚本执行以下操作：$answer = array ( "result" => true, "mes...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章