<ul>
<li>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
<li>选项卡4</li>
</ul>
<div class="content">
这是
</div>
</div>
<script>
document.querySelectorAll(".whole li").forEach(function(e,i){
e.onclick=function(){
document.querySelector(".content").innerHTML='选项卡'+(i+1)+'内容'
}
})
</script>
附注：你的代码从思路上就已经错了，比如说你把函数声明直接放到循环中，这就大错特错了。
看下图，有四个格子，每个格子最多只能输入5个文字，如果输入超过5个文字，那么，多余的部分将不会被输入到单元格内，而是自动被删除。这样的效果，只需要设置列和行的属性就可以实现了。方法如下：首先，选中整个表格，然后点击右键，选择菜单中的“表格属性”，这样会弹出对话框。在对话框中，切换到“行”选项卡，如下图。上图中，先√选“指定高度”，然后，在行高值是那里，务必要选择“固定值”，如上图。然后，再输入一个行高的数字即可。接着，还需要设置列的宽度。如上图一样，将选项卡切换到“列”，然后勾选“指定高度”，之后，填写一个高度值即可。这样在word表格中输入文字的时候，行高和列宽就不会随着内容的增多而自动改变大小了。
