Javascript 单击第一个li时显示内容1，单击第二个li时显示内容2 .web_索引div{宽度：400px；高度：300px；背景：#eee；} ul li{宽度：100px；高度：30px；线条高度：30px；列表样式：无；显示：内联块；*显示：内联；缩放：1；} 函数舔子（）{ var-lier=document.getElementsByTagName（“li”）； var diver=document.getElementsByClassName（“web_索引”）[0].getElementsByTagName（“div”）； 对于（var i=0；i

，您应该为您的

li

分配一个索引：

<ul>
    <li onclick="licker()" class="li01">the first li</li>
    <li onclick="licker()" class="li02">the second li</li>
    <li onclick="licker()" class="li03">the third li</li>
    <div class="web_clear"></div>
</ul>
<div class="web_index">
<div style="display:block" >content one</div>
<div style="display:none">content two</div>
<div style="display:none">content three</div>
</div>

第一个li
第二个li
第三个李

你的职能是：

<ul>
    <li onclick="licker(0)" class="li01">the first li</li>
    <li onclick="licker(1)" class="li02">the second li</li>
    <li onclick="licker(2)" class="li03">the third li</li>
    <div class="web_clear"></div>
</ul>

函数舔子（id）{
var diver=document.getElementsByClassName（“web_索引”）[0].getElementsByTagName（“div”）；
对于（var i=0；i试试这个

function licker(id){
    var diver=document.getElementsByClassName("web_index")[0].getElementsByTagName("div");
    for(var i=0;i<diver.length;i++){ 
        if(i==id){
            diver[i].style.display='block';
        } else {
            diver[i].style.display='none';
        }   
    }
}​


第一个李
第二个李
第三个李

内容一
内容二
内容三

函数舔器（发送器）{
var-lier=document.getElementsByTagName（“li”）；
var diver=document.getElementsByClassName（“web_索引”）[0].getElementsByTagName（“div”）；
对于（变量i=0；i
非常感谢，你的javascript技能非常出色。你能告诉我如何学习它吗，谢谢。主要停留在Stackoverflow上并查看源代码：）我每天都停留在Stackoverflow上。但仍然不知道如何编写一些复杂的javascript函数。：）看看人们的答案，试着向他们学习，试着自己解决一个问题，使用..你会在某个时候得到正确的答案。你是最后3周的人。改为3年，我们再谈：）：）好的，记住这个承诺。3年后，我会和你谈。：）发送者是在
lis的迭代过程中被点击的
li
我检查当前的
li
是否被单击
li
。如果（lier[I]！=发件人）继续，我是否可以删除此行；谢谢。否，这将产生意外结果。
function licker(id){
    var diver=document.getElementsByClassName("web_index")[0].getElementsByTagName("div");
    for(var i=0;i<diver.length;i++){ 
        if(i==id){
            diver[i].style.display='block';
        } else {
            diver[i].style.display='none';
        }   
    }
}​

<ul>
   <li onclick="licker(this);">the first li</li>
   <li onclick="licker(this);">the second li</li>
   <li onclick="licker(this);">the third li</li>
</ul>
<div class="web_index">
   <div style="display: block">content one</div>
   <div style="display: none">content two</div>
   <div style="display: none">content three</div>

function licker(sender) {
    var lier = document.getElementsByTagName("li");
    var diver = document.getElementsByClassName("web_index")[0].getElementsByTagName("div");
    for (var i = 0; i < lier.length; i++) {
       if (lier[i] != sender) continue;
       for (j = 0; j < diver.length; j++) {
          if (i == j)
             diver[j].style.display = 'block';
          else 
              diver[j].style.display = 'none';

          }
       }
    }
</script>