错误日志2

原创于 2018-09-15 13:09:21 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#错误日志

本文探讨了HTML中列表元素（li）点击时应用样式及调整关联div元素宽度的JavaScript实现，针对代码中出现的'Cannot read property 'style' of undefined'错误进行了详细分析与修正。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <ul>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <div></div>
    <div></div>
    <div></div>
    <div></div>


<script>
    var adiv = document.getElementsByTagName('div');
    var ali =  document.getElementsByTagName('li');

    for(var i =0 ; i <ali.length ; i++){
        // var index = i;
        ali[i].onclick = function(){

            for(var i = 0; i <ali.length; i++){
                ali[i].className = '';
        }
            this.className='active';
            adiv[index].style.width = 200+'px';
        }

    }

提示错误：
Cannot read property ‘style’ of undefined
at HTMLLIElement.ali.(anonymous function).onclick