Plot the distance problem in JS

1,offsetleft: The outer edge distance of the bounding rectangle of the element is the left distance from the positioned parent container (offsetparent) (excluding the border of the element and the border of the parent container).

2,clientleft: The distance between the outer edge of the inner margin of the element and the outer edge of the border, which is actually the left border width of the bounding box

3,scrollwidth: Content area dimensions plus padding plus overflow dimensions, these properties are equal to clientwidth and clientheight when there is no overflow between the content and the content area!important

Plot the distance problem in JS