动态改变背景图没反应。

Question

    
.tab{list-style-type:none;float:left; width:100px;  height:23px; text-align:center;overflow:hidden; margin:2px ;background: url(../images/lrtk.png) no-repeat 0 -108px;border:1px solid black;}
<ul>
                <li id="tab1" class="tab" onclick ="change_option(4,1)"><a href="#fragment-1"><asp:Literal ID="LtDESC" runat="server">简介</asp:Literal></a></li>
                <li id="tab2"  class="tab" onclick ="change_option(4,2)"><a href="#fragment-2"><asp:Literal ID="LtParameters" runat="server">详细参数</asp:Literal></a></li>
                <li id="tab3" class="tab" onclick ="change_option(4,3)"><a href="#fragment-3"><asp:Literal ID="LtPacking" runat="server">包装清单</asp:Literal></a></li>
                <li id="tab4"  class="tab" onclick="TOProductsReply()"><a href="#fragment-4"><asp:Literal ID="LtTalking" runat="server">产品评论</asp:Literal></a></li>
            </ul>        
function change_option(a,b)
{ 
  for (var i = 1; i <= a; i++)
  {
    document.getElementById('fragment' + i).style.display = 'none';
    document.getElementById('tab'+i).style.background='url(images/MenuRed.png)'; 
  }
    document.getElementById('fragment' + b).style.display = 'block';
    document.getElementById('tab'+b).style.background='url(images/MenuRed.png)';
    // document.getElementById('tab'+b).className="bg"
}点击的时候将当前的背景图换一个。就是没换。style.display = 'none'就起作用

Answer 1

 document.getElementById('fragment' + i).style.display = 'none';
 document.getElementById('tab'+i).style.background='url(images/MenuRed.png)'; 
和
 document.getElementById('fragment' + b).style.display = 'block';
 document.getElementById('tab'+b).style.background='url(images/MenuRed.png)';图片名称不是一样的么？

Answer 2

function change_option(a,b)
{ 
  for (var i = 1; i <= a; i++)
  {
    document.getElementById('fragment' + i).style.display = 'none';
    document.getElementById('tab'+i).style.background='url(images/MenuGreen.png)'; 
  }
    document.getElementById('fragment' + b).style.display = 'block';
    document.getElementById('tab'+b).style.backgroundImage="url(images/MenuRed.png)";//    style.background='url(images/MenuRed.png)';
     //document.getElementById('tab'+b).className="bg"
}

Answer 3

Style="background-image: url('./images/qbg.jpg');" 我在控件上增加背景图片是这个样的
楼主看看你的编码是不是有问题

Answer 4

建议在css 里面写好2个不同的class
用js换class 比较好。

Answer 5

document.getElementById('tab'+b).className="bg"都试过了。诡异

Answer 6

换classname没问题但是操作backgroud就是不起作用