页面CSS的问题

Question

purchasecontract.aspx 页面有如下 的源代码       
       <div id="groupName" class="bold">供应商列表</div>
       <div id="atcContact">
<ul>
  
            <li id="list1"><a href='purchasecontract.aspx?id=1' >供应商名称1</a>
            </li>
              
            <li id="list2"><a href='purchasecontract.aspx?id=2' >供应商名称2</a>
            </li>
              
          </ul>
        </div>想在点击一个供应商名称,假如点击了供应商名称1
则li应该为
<li id="list1" class="ontime"><a href='purchasecontract.aspx?id=1' >供应商名称1</a>
</li>该怎么做,大家帮忙了.

Answer 1

pol000(糊涂)
谢谢支持
顶到高手来帮忙

Answer 2

<li id="list1"><a onclick="this.parentNode.className='ontime'" href='purchasecontract.aspx?id=1' >供应商名称1</a>
            </li>

Answer 3

class="ontime" 应该用在 a 标签上，像这样 <li id="list1"><a href='purchasecontract.aspx?id=1' class="ontime">供应商名称1</a></li>然后，你可以为类 ontime 定义伪类规则
a.ontime
{
  ...
}
a.ontime:hover
{
  ...
}a.ontime:link
{
  ...
}
a.ontime:visited
{
  ...
}当鼠标滑过链接，点击过链接后，浏览器会自动应用这些样式。

Answer 4

可以这样：<script>
var ids = "<%=Request.QueryString["id"]==null?"":Request.QueryString["id"]%>"
if(document.getElementById("list"+ids)) document.getElementById("list"+ids).className="ontime"
</script>

Answer 5

孟子E章
<li id="list1"><a onclick="this.parentNode.className='ontime'" href='purchasecontract.aspx?id=1' >供应商名称1</a>
            </li>这个不行

Answer 6

可以这样：<script>
var ids = "<%=Request.QueryString["id"]==null?"":Request.QueryString["id"]%>"
if(document.getElementById("list"+ids)) document.getElementById("list"+ids).className="ontime"
</script>
用这个

Answer 7

onclick="javascript:this.style.classname=类名"

Answer 8

<script>
var ids = "<%=Request.QueryString["id"]==null?"":Request.QueryString["id"]%>"
if(document.getElementById("list"+ids)) document.getElementById("list"+ids).className="ontime"
</script>
这个方法也没实现.我再检查检查

Answer 9

<script>
var ids = "<%=Request.QueryString["id"]==null?"":Request.QueryString["id"]%>"
if(document.getElementById("list"+ids)) document.getElementById("list"+ids).className="ontime"
</script>放到页面最后