关于span的简单问题

[qabp]

下面是jsp文件中的一段代码（已省略）
<SCRIPT LANGUAGE=javascript>
<!--
function ShiftPic(obj,SpanID)
{
if(SpanID.className=='hide'){ //doing sth.
}
}
function ShowHide(SpanID)
{ if(SpanID.className=='hide')
{
SpanID.className='show';
}
else
{
SpanID.className='hide';
}
}
</SCRIPT>
<!--...

<a href="javascript:ShowHide(Span106)"><img src="b.gif" alt="hide" onclick="ShiftPic(this,Span106)" /><span class="show" ID="Span106"></span>
<%
for (int i=0;i<10;i++){
%>
<!-- 代码（1） -->

<%}%>

问题1：Span16是ID为"Span106"的span实例吗？
问题2：我想在代码（1）处写类似于循环语句前的那些代码，但是Span的ID与i相关
该怎么做呢？（主要是ShowHide()和ShiftPic()的参数SpanID，可能因为问题1还没弄明白）
谢谢！！！！！！

[fason]

<style>
.hide { display:none}
.show{ display:block}
</style>
<SCRIPT LANGUAGE=javascript>
<!--
function ShiftPic(obj)
{
if(obj.nextSibling.className=='hide'){ //doing sth.
}
}
function ShowHide(obj)
{
if(obj.lastChild.className=='hide')
{
obj.lastChild.className='show';
}
else
{
obj.lastChild.className='hide';
}
}
</SCRIPT>

<a href="#" onclick="ShowHide(this);return(false)"><img src="b.gif" alt="hide" onclick="ShiftPic(this)" /><span class="show">test</span></a>

• 打赏
• 举报

回复 赞

[qabp]

fason(阿信)，这里this是指哪个对象呢？lastChild和nextSibling又是什么呢？

• 打赏
• 举报

回复 赞

[zhouguoyao]

up

• 打赏
• 举报

回复 赞

[fason]

this是本对象,lastChild是最后一个孩子,nextSibling是下一个邻近对象

• 打赏
• 举报

回复 赞

[qabp]

还是不大明白，为什么lastChild和nextSibling就得到span对象

• 打赏
• 举报

回复 赞

[SVG]

这些是 HTML DOM 方法.
将 html 看成一棵树.
<A> -- parent
/ <img> <span> -childs

现在 ShowHide 方法里的参数 obj 是对象 <A>
从上面的图看, span 是不是 obj.lastChild ?
而
在 ShiftPic 方法里参数obj是对象 <img>
同样方法看, obj.nextSibling 不就是 span 了! 在这里你也可以
obj.parentElement.lastChild 这样获得 span 的.

• 打赏
• 举报

回复 赞

[qabp]

谢谢SVG，我明白了，你解释的太清楚了！

• 打赏
• 举报

回复 赞