关于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还没弄明白)
谢谢!!!!!!
...全文
63 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
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>

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧