private void init_tabsUl()
        {            DataSet myDs =get_title_id();
 
            if (myDs.Tables.Count >= 1)
            {
                DataTable FirstDt = myDs.Tables[0];
                String FirstHtml = "";
                for (int i = 0; i < FirstDt.Rows.Count; i++)
                {
                
                        FirstHtml += "<LI class='' id='c" + FirstDt.Rows[i]["P_Id"].ToString() + "' ";
                        FirstHtml += ">";
                        FirstHtml += "<A  title='" + FirstDt.Rows[i]["P_Title"].ToString() + "' href='/product/Product.aspx?id=" + FirstDt.Rows[i]["P_Id"].ToString() + "'>";
                        FirstHtml += "<SPAN  id='nav" + FirstDt.Rows[i]["P_Id"].ToString() + "_1'>" + FirstDt.Rows[i]["P_Title"].ToString() + "</SPAN>";
                        FirstHtml += "</A>";
                        FirstHtml += "</LI>";     
                }                nav_ul.InnerHtml = FirstHtml;
                            }
        }上面方法从数据库中取出数据生成菜单按钮    想通过js动态改变li标签中的class属性,各位给看看

解决方案 »

  1.   

    <style id="a1">
    .c{background-color:yellow;border:1px solid blue;width:300px;height:200px;padding:2em;}
    </style>
    <style id="a2" disabled="disabled">
    .c{background-color:silver;border:3px dotted green;width:200px;height:400px;text-align:right;}
    </style>
    <body style="filter:BlendTrans(duration=.5);">
    <button onclick="document.body.filters[0].Apply();a2.disabled=a2.disabled?'':'disabled';document.body.filters[0].play();">(^_^)</button>
    <div class="c"><center><img src="http://img482.imageshack.us/img482/695/ai446ni.gif"></div>
    </body>
    </html>
      

  2.   

    当点击菜单上的按钮时 把当前按钮的class改变了 其他的按钮效果不变
      

  3.   

     <ul id="nav_ul" runat="server" onclick="ul_Handler1(event);">
                         <%--<li class="current" id="c1"><a href="/product/Product.aspx?id=1">华宇物业</a> </li>
                         <li id="c2"><a href="/product/Product.aspx?id=2">其他1</a> </li>
                         <li id="c3"><a href="/product/Product.aspx?id=3">其他2</a> </li>--%>
                          
                     </ul>就是这个封装好的控件   希望点击时能改变当前按钮class的属性值
      

  4.   

    innerHtml
    innerText这两个放到一起容易区分跟理解。
      

  5.   

    ul_Handler1(event);是不是传event啊?
      

  6.   

    是不是应该传递this关键字啊?
      

  7.   

    this也不对 
     <script type="text/javascript">
       function ul_Handler1(e){
       
       var el = Get_srcElement(e);
        if (e1.tagName.toUpperCase()=="SPAN")
        {el = e1.parentElement.parentElement;}
        else if (e.srcElement.tagName.toUpperCase()=="A")
        {el = e1.parentElement;}
        if (e1.tagName.toUpperCase()=="LI")
        {
            showmenu1(el.id);
           
        }
    }
    function showmenu1(ID){ var IDObj = document.getElementById( ID );     IDObj.className='current';}我的js是这么写的  但是到这var el = Get_srcElement(e);就提示缺少对象