1. 程式人生 > >對html標籤的offsetWidth、clientWidth、scrollWidth屬性的理解

對html標籤的offsetWidth、clientWidth、scrollWidth屬性的理解

如果是用jquery 操作 請用 $(".box")[0].clientHeight; 或$("#box")[0].offsetWidth     

       $(".box") 是選中 class 為box  的jquery物件

    $(".box")[0] 是選中 class 為box 的dom物件         

offsetWidth:元素內可見區域的寬度 + 元素邊框寬度(如果有滾動條還要包括滾動條的寬度);

clientWidth:元素內可見區域的寬度;

scrollWidth:元素的全文寬度(如果有滾動條,那麼這個寬度還包括滾動條能滾動到的所有區域);