日期:2014-05-16  浏览次数:20385 次

JS获取元素的一些属性和设置元素的宽度等属性
转】JS获取元素的一些属性和设置元素的宽度等属性
clientWidth   //获取元素的宽度
clientHeight  //元素的高度
offsetLeft   //元素相对于父元素的left
offsetTop  //元素相对于父元素的top
offsetWidth  //元素的宽度
offsetHeight //元素的高度
区别:
clientWidth=width+padding
clientHeight=height+padding
offsetWidth=width+padding+border
offsetHeight=width+padding+border
scrollLeft   //元素最左端到窗口最左端的距离
scrollTop  //元素最顶端到窗口最顶端的距离
scrollWidth  //元素的滚动宽度
scrollHeight  //元素的滚动高度

//获取元素的纵坐标
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//获取元素的横坐标
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}

二、 设置元素的宽度属性
设置元素的宽度可用  document.getElementById('元素id值').style.width = 数值 + 'px';
同理,可设置高度等其他属性


如:

<div id="wrapper_imglist">
                                        <div id="scroller_imglist">
                                                <div id="thelist_imglist">
                                                        <div class="imgbox"><a href="#"><img src="images/1.jpg" /></a></div>
                                                        <div class="imgbox"><a href="#"><img src="images/1.jpg" /></a></div>
                                                        <!-- <div class="imgbox"><a href="#"><img src="images/1.jpg" /></a></div> -->
                                                       
                                                       
                                                </div>
   &nb