关于span的简单问题

qabp 2004-05-05 02:38:57
下面是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还没弄明白)
谢谢!!!!!!
...全文
37 7 点赞 打赏 收藏 举报
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
qabp 2004-05-07
谢谢SVG,我明白了,你解释的太清楚了!
  • 打赏
  • 举报
回复
SVG 2004-05-06
这些是 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 2004-05-05
还是不大明白,为什么lastChild和nextSibling就得到span对象
  • 打赏
  • 举报
回复
fason 2004-05-05
this是本对象,lastChild是最后一个孩子,nextSibling是下一个邻近对象
  • 打赏
  • 举报
回复
zhouguoyao 2004-05-05
up
  • 打赏
  • 举报
回复
qabp 2004-05-05
fason(阿信),这里this是指哪个对象呢?lastChild和nextSibling又是什么呢?
  • 打赏
  • 举报
回复
fason 2004-05-05
<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>
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2004-05-05 02:38
社区公告
暂无公告