JS 얻을 div 너비 코드

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

3 JS div 너비 코드 오의 사용을 제공 하려면 첫 번째 간단한 고 실용적인, div 너비와 JS 인스턴스의 높이를 두 번째 액세스 세 번째 인스턴스는 모든 그림 높이 및 너비 코드 내 지정 된 div를 S.

< 입력 유형 = "버튼" onclick "계산 ()" 값 = "테스트" = >

< 스크립트 >
함수 계산 () 없음
var div = document.getElementById ("Showtemptext");
Divs.innerhtml= "Wuao Ahshahsah < 글꼴 크기 = 6 > jzread.com < / 글꼴 >";
경고 (divs.scrollwidth + "__" + divs.scrollheight);
}
</스크립트 >


< html & gt
< 머리 & gt
< 제목 > 테스트 페이지 < / 타이틀 >
< / 헤드 >
< 몸 >
< 표 스타일 = "폭: 100%;"
< tr & gt
< td & gt
< div id = "Div1" 스타일 = "배경: 녹색;" > div1 < / div & gt
< t d >
< td 스타일 = "폭: 50%;"
< div id = "분주 Div2" 스타일 = "배경-색상: 빨강;" > 분주 div2 www.jzread.com</div>
< t d >
< / 테이블 >
< 입력 유형 = "버튼" Onclick = '쇼 ()' value = ' 쇼 ' / > < 스크립트 >

기능 표시 ()
{
var o = 문서. getElementById ("Div1");
var w = o.clientwidth| | O.offsetwidth;

경고 ("Div1의 폭은" + w);
}
< / 스크립트 & gt
< / 바디 & gt
< / html >
여기는이 사업부는 그림의 너비 내부를 얻을 하는 방법 모든 그림 높이 및 너비 js 안에 지정 된 div를 JS 사용 하는 및

< div 스타일 = "폭: 100000px" id = "pal"
< img src = "/ www.jzread.com/images/2009021121575533977. JPG "너비 =" "486" 높이 = "348" / >
< img src = "images/2009021121575533977.jpg"/ >
< img Src = "Images/2009021121575533977.jpg"/>
< img src = "images/2009021121575533977.jpg"/ >
                   < img src = "images/2009021121575533977.jpg"/ >
& nbsp; < img src = "images/2009021121575533977.jpg"/ >
                   < img src = "images/2009021121575533977.jpg"/ >
< img src = "images/2009021121575533977.jpg"/ >
< / div >

< 스크립트 >
var obj=document.getelementbyid ("Pal");
var imgs=obj.getelementsbytagname ("img"); Var
합계 = 0;
위한 (var i = 0; 나 < imgs.length;i++)
합계 + = imgs [i].width 경고 (sum).

< / 스크립트 & gt

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 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.