css 方面的小问题

nfnxg123456 2008-04-15 10:18:59

<div id="d1" style="position:absolute; left:138px; top:25px; width:187px; height:227px; z-index:1">
<div>
<div><span id="s1">此处显示新 Div 标签的内容</span></div>
<div><span id="s1">此处显示新 Div 标签的内容</span></div>
<div><span id="s1">此处显示新 Div 标签的内容</span></div>
<div><span id="s1">此处显示新 Div 标签的内容</span></div>
<div><span id="s1">此处显示新 Div 标签的内容</span></div>
<div><span id="s2">此处显示新 Div 标签的内容</span></div>
</div>
</div>
我想知道 s2 和d1 之间 Height 不知道能不能

...全文

94 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

hb9191 2008-04-15

打赏
举报

是：
h1=document.all.d1.offsetTop;
h2=document.all.s2.offsetTop;

hb9191 2008-04-15

打赏
举报

更正：
<BODY>
<div id="d1" style="position:absolute; left:138px; top:25px; width:187px; height:227px; z-index:1">
<div>
<div> <span id="s1">此处显示新 Div 标签的内容 </span> </div>
<div> <span id="s1">此处显示新 Div 标签的内容 </span> </div>
<div> <span id="s1">此处显示新 Div 标签的内容 </span> </div>
<div> <span id="s1">此处显示新 Div 标签的内容 </span> </div>
<div> <span id="s1">此处显示新 Div 标签的内容 </span> </div>
<div> <span id="s2">s2此处显示新 Div 标签的内容 </span> </div>
</div>
</div>
<script language="javascript">
h1=document.d1.offsetTop;
h2=document.s2.offsetTop;
hh=h2-h1;
alert(hh);//=160
</script>

</BODY>

nfnxg123456 2008-04-15

打赏
举报

<span id="s2"> 和 div id="d1" 之间那不是还有很多的span 吗。他们也会占用空间呀。。

hb9191 2008-04-15

打赏
举报

h1=document.d1.offsetTop;
h2=document.s2.offsetTop;
hh=h2-h1;

斯洛文尼亚旅游 2008-04-15

打赏
举报

如果没理解错的话......不过你需要更改下id的命名规则

<div id="d1" style="position:absolute; left:138px; top:25px; width:187px; height:227px; z-index:1"> 

    <div id="contain"> 

    <div id="1"> <span>此处显示新 Div 标签的内容aaaaaaaaaaaaaa(id="1")</span> </div> 

    <div id="2"> <span>此处显示新 Div 标签的内容aaaaaaaaaaa(id="2") </span> </div> 

    <div id="3"> <span>此处显示新 Div 标签的内eeeeeeeeeee容(id="3") </span> </div> 

    <div id="4"> <span>此处显示新 Div 标签的ffffffff内容(id="4") </span> </div> 

    <div id="5"> <span>此处显示新 Div 标签的内容(id="5") </span> </div> 

    <div id="6"> <span>此处显示新 Div 标签的内容(id="6") </span> </div> 

    </div> 

</div> 

<script>

function getHeight(Index)

{

  var Height=0;

  var p=document.getElementById(Index.toString()).parentNode;//id="contain"的div，可以不用给这个div加id属性，只是为了说明而已

  var divs=p.getElementsByTagName("div");

  for(var i=0;i<divs.length;i++)

  {

    if(divs[i].id&&parseInt(divs[i].id)<Index)

    {

      Height+=divs[i].offsetHeight;

    }

  }

  return Height;

}

alert(getHeight(1));

alert(getHeight(2))

alert(getHeight(3))

alert(getHeight(4))

alert(getHeight(5))

alert(getHeight(6))

</script>