Javascript HTML DOM 객체의 동적인 위치, 크기

2009.11.13 00:00

kaiserhan 조회 수:47710

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html>

<head>

<title> new document </title>

function test(){

var debug=document.getElementById("debug");

var d1=document.getElementById("d1");debug.value+="d1:"+d1.offsetHeight+":"+d1.offsetWidth+":"+d1.offsetTop+":"+d1.offsetLeft;

var d2=document.getElementById("d2");debug.value+="\nd2:"+d2.offsetHeight+":"+d2.offsetTop+":"+d2.offsetLeft;

var tb1=document.getElementById("tb1");debug.value+="\ntb1:"+tb1.offsetHeight+":"+tb1.offsetTop+":"+tb1.offsetLeft;

var tb2=document.getElementById("tb2");debug.value+="\ntb2:"+tb2.offsetHeight+":"+tb2.offsetTop+":"+tb2.offsetLeft;

var tb3=document.getElementById("tb3");debug.value+="\ntb3:"+tb3.offsetHeight+":"+tb3.offsetTop+":"+tb3.offsetLeft;

}

</script>

</head>

<body>

<div id="d1" style="border:solid 1px;width:300px;">ksdfasdf</div>

<div id="d2" style="border:solid 1px;">ksdfasdf<br>asdf<br>asdf</div>

</body>

</html>

번호	제목	글쓴이	날짜	조회 수
12	window.event 객체가 null 일 경우	kaiserhan	2021.03.03	33
11	Image map javascript function	kaiserhan	2015.12.16	46942
10	css text-align 을 javascript로 변경	kaiserhan	2015.12.02	61081
9	window unload	kaiserhan	2015.11.14	47713
8	js 파일 동적 로딩	kaiserhan	2014.11.06	50364
7	특정 영역에 innerHTML로 html tag를 입력 시 object의 Property값에 따른 쌍따옴표 문제 [2011.06.30]	kaiserhan	2011.06.30	62163
6	HTMLFixedHeaders [2011.03.17]	kaiserhan	2011.03.17	58243
5	JavaScript Function parameter [2010.05.27]	kaiserhan	2010.05.27	46298
»	HTML DOM 객체의 동적인 위치, 크기	kaiserhan	2009.11.13	47710
3	한글을 mos 부호로 Convert	kaiserhan	2009.08.27	47662
2	한글을 ASCII, ASCII를 한글로 Convert	kaiserhan	2009.08.27	47501
1	달력 Class	kaiserhan	2009.08.27	46367

쓰기

Develop