Lấy offsetTop của phần tử trong một bảng

Question

Tôi dường như không thể tìm ra cách lấy offsetTop của một phần tử trong bảng. Nó hoạt động tốt trên các phần tử bên ngoài các bảng, nhưng tất cả các phần tử trong một bảng trả về cùng một kết quả, và nó thường ở trên cùng của trang. Tôi đã thử điều này trong Firefox và Chrome. Làm cách nào để lấy offsetTop của một phần tử trong bảng?

Answer 1

offsetTop trả về giá trị tương ứng với offsetParent; bạn cần phải đệ quy thêm offsetParent.offsetTop thông qua tất cả phụ huynh cho đến offsetParent là null. Xem xét sử dụng phương thức offset() của jQuery.

EDIT: Nếu bạn không muốn sử dụng jQuery, bạn có thể viết một phương pháp như thế này (chưa được kiểm tra):

function offset(elem) { 
    if(!elem) elem = this; 

    var x = elem.offsetLeft; 
    var y = elem.offsetTop; 

    while (elem = elem.offsetParent) { 
     x += elem.offsetLeft; 
     y += elem.offsetTop; 
    } 

    return { left: x, top: y }; 
}