데모를 통해이 세 가지 속성의 차이를 테스트하십시오.
설명 :
scrollwidth : 물체의 실제 내용의 너비, 가장자리가없는 선 너비는 객체의 내용이보기 영역을 초과함에 따라 커집니다.
ClientWidth : 스크롤 막대 동일 선을 감싸지 않고 객체 내용의 시청 영역의 너비는 객체 디스플레이 크기가 변경됨에 따라 변경됩니다.
OffsetWidth : 물체의 실제 너비 전체, 스크롤 막대는 동일하게 가장자리에 있으며, 이는 객체가 크기를 표시함에 따라 변경됩니다.
데모는 텍스토리 요소를 페이지에 넣고 기본 너비와 높이로 표시합니다.
Situation 1:
요소에 내용이 없거나 내용이보기 영역을 초과하지 않으면 스크롤링이 나타나지 않거나 사용할 수 없습니다.
scrollwidth = clientWidth, 둘 다 컨텐츠 시청 영역의 너비입니다.
Offsetwidth는 요소의 실제 너비입니다.
Situation 2:
요소의 내용은보기 영역을 초과하고 스크롤 막대가 나타나고 사용할 수 있습니다.
scrollwidth> clientWidth.
Scrollwidth는 실제 콘텐츠의 너비입니다.
ClientWidth는 컨텐츠 시청 영역의 너비입니다.
Offsetwidth는 요소의 실제 너비입니다.
끝
위의 내용은 scrollwidth, clientwidth 및 offsetwidth의 모든 차이점입니다. 모든 사람에게 도움이되기를 바랍니다.