html:
<ul class="tools_font">
<a href="javascript:show('Flashlights') " title=""><img src="images/j.jpg" alt="">Flashlights</a>
</ul>
<ul id="Flashlights" class="on_circle">
<li><a href="" title="">Rechargeable Flashlights</a></li>
<li><a href="" title="">LED Flashlights & Sets</a></li>
</ul>
js:
function show(num){
if(document.getElementById(num).style.display=='block')
{
document.getElementById(num).style.display='none';
}else
{
document.getElementById(num).style.display='block';
}
}
想修改成:
<ul class="tools_font">
<span><a
href="" title=""><img
src="images/j.jpg" alt="">Flashlights</a></span>
<a href="" title="">Rechargeable Flashlights</a>
<a href="" title="">LED Flashlights & Sets</a>
</ul>
js需要怎么写呢?
不传参数你怎么知道点击的是哪一个树节点呢?当然如果你可以通过比如索引之类的来判断也可以,但大多数情况不太可靠。 像你这种静态生成的代码,一定要有一个标识的,你可把关键参数写到一个固定的attribute里,然后批量绑定事件,把a对象传进去也可以。 有些控件是动态生成的a标签,在加入到父元素之前已经把事件绑了,所以用其它调试分析器看起来没有参数。