JS는 div 높이 리셋 div 높이 너비를 얻을

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

JS div 높이 가져오고 div의 높이 및 너비
<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
< html xmlns = "http://www.jzread.com/1999/xhtml"
< 머리 & gt
< 메타 http-equiv = " 콘텐츠 형식의 "콘텐츠 =" text/html; charset = gb2312 "/ & gt
< 제목 > js div 높이 고 div의 높이 및 너비 < / 타이틀 >
< 스크립트 언어 =" 자바 스크립트 자습서 "
var $함수 (id) {
반환 document.getElementById (ID);
} =
& nbsp;

함수 clickdiv () {
$ ('TestID'). offsetwidth; /M
$ ('TestID'). offsetheight;

document.all.testid.style.width= "1000px"; div 너비
설정 //js Document.all.testid.style.height= "500px"; 설정된 div 높이 민주주의
/높이 testid
의 너비를 다시 설정 하려면 지금 / / $ ('TestID'). offsetwidth = +
/ / $ ('TestID'). offsetheight = 300;

$ ('TestID'). Style.classname = 'idtest';
} < br > & nbsp
< / 스크립트 & gt 방법 2

< 스크립트 유형 = "텍스트/자바 스크립트"
경고 (document.getElementById (" TestID "). scrollheight + 'px');
< / 스크립트 >

방법 3

< 스크립트 유형 = "텍스트/자바 스크립트" >
경고 (document.getElementById ("TestID"). clientheight + 'px');
</스크립트 >
< 스타일 형식을 "Text/css 자습서" = >
#testid 없음
높이: 50 픽셀;
폭: 200px;
배경: # 3300CC;
}
. idtest 없음;
높이: 80px;
폭: 150px;
배경: #FFFFFF;
}
</스타일 >
</헤드 >

< 몸 >
< div id = "TestID" >
< / div >
< 입력 유형 = "버튼" 값 = "나를 클릭 하 여" onclick = "clickdiv ();"/ >
</바디 >
< / html >
이 사이트 원래 튜토리얼 재현 주석이 추가 된 소스 www.jzread.com

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.