为什么部分代码不起作用？

Question

    <div id="divselect">
        <cite>请选择分类</cite>
        <ul>
            <li id="li"><a href="javascript:;" selectid="1">ASP开发</a></li>
            <li><a href="javascript:;" selectid="2">.NET开发</a></li>
            <li><a href="javascript:;" selectid="3">PHP开发</a></li>
            <li><a href="javascript:;" selectid="4">Javascript开发</a></li>
            <li><a href="javascript:;" selectid="5">Java特效</a></li>
        </ul>
    </div>
    
          var box = document.getElementById('divselect'),
            title = box.getElementsByTagName('cite')[0],
            menu = box.getElementsByTagName('ul')[0],
            as = box.getElementsByTagName('a'),
            index = -1;

        // 点击三角时
        title.onclick = function(event) {
            // 执行脚本
            event = event || window.event;
            menu.style.display = 'block';

            if (event && event.stopPropagation) {
            	event.stopPropagation();
            }else {
            	event.cancelBuble = true;
            }

	        document.onkeyup = function (event) {
	        	console.log(event.keyCode);

	        	event = event || window.event;
	        	for (var i = 0; i < as.length; i++) {
	        		as[i].style.backgroundColor = "#fff";
	        	}
	        	if (event.keyCode==38) {
	        		index--;
	        		as[index].style.backgroundColor = "#eee";
	        		if (index<0) {
	        			index = as.length;
	        		}
	        	}else if (event.keyCode==40) {
	        		index++;
	        		as[index].style.backgroundColor = "#eee";
	        		if (index>as.length) {
	        			index = 0;
	        		}
	        	}
	        }
        }

if (index<0) {index = as.length;}和if (index>as.length) {index = 0;}都没有被执行，为什么？

Answer 1

前提是你的代码不出错==，但是很遗憾你的逻辑需要注意下，index的值为负数或者大于a标签数量时，设置样式的语句是会报错的