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属性,各位给看看
{ 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属性,各位给看看
.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>
<%--<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的属性值
innerText这两个放到一起容易区分跟理解。
<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);就提示缺少对象