jquery width, innerWidth, outerWidth 차이점

test.html


    
    
    
	
    



	
console.log("box1 info ... "); console.log("inner width:"+$("#box1").innerWidth()); console.log("width:"+$("#box1").width()); console.log("outer inner width:"+$("#box1").outerWidth()); console.log("outer inner true width:"+$("#box1").outerWidth(true)); console.log("css width:"+$("#box1").css("height")); console.log("box2 info ... "); console.log("inner width:"+$("#box2").innerWidth()); console.log("width:"+$("#box2").width()); console.log("outer inner width:"+$("#box2").outerWidth()); console.log("outer inner true width:"+$("#box2").outerWidth(true)); console.log("css width:"+$("#box2").css("height"));

결실
box1 info ... 
inner width:198
width:158
outer inner width:200
outer inner true width:260
css width:200px
box2 info ... 
inner width:240
width:200
outer inner width:242
outer inner true width:302
css width:200px

좋은 웹페이지 즐겨찾기