本文介绍了一种通过JavaScript获取页面元素位置并调整其样式的简单方法。利用getElementById方法选取DOM元素，并通过offsetLeft属性获取该元素相对于其offsetParent元素的左偏移量。最后，将此偏移量应用到另一个元素上，实现动态布局效果。
<table>
<tr>
<td>
<div id="gg">
<div id="pp"><p><a href="" id="aa"><span>haode</span></a></p></div>
</div>
<div id="tt"></div>
</td>
</tr>
</table>
<script>
s= document.getElementById("aa");
//alert(s.innerHTML);
console.log(s);
l=kb(s,"offsetLeft");
this.tt = document.getElementById("tt");
{
var wb = 0;
while (s)
{
wb += s[na]; //取得所有父级元素的offsetLeft和
s = s.offsetParent; //获取父级元素
}
return wb;
}
</script>
<tr>
<td>
<div id="gg">
<div id="pp"><p><a href="" id="aa"><span>haode</span></a></p></div>
</div>
<div id="tt"></div>
</td>
</tr>
</table>
<script>
s= document.getElementById("aa");
//alert(s.innerHTML);
console.log(s);
l=kb(s,"offsetLeft");
this.tt = document.getElementById("tt");
this.tt.style.cssText="margin-left:"+l+"px";
{
var wb = 0;
while (s)
{
wb += s[na]; //取得所有父级元素的offsetLeft和
s = s.offsetParent; //获取父级元素
}
return wb;
}
</script>
扫一扫
1742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
