JS의 브라우저 호환성 문제 해결

1. css의 스타일 스타일을 줄 탭에 쓸 때, 호출할 때 Obj를 사용합니다.style.등록 정보
2. 그러나 css의 스타일 스타일을 안에 썼을 때 Obj를 사용해야 합니다.currentStyle.속성(IE 브라우저 전용)

var oDiv = document.getElementById('love');
alert(oDiv.currentStyle['width']);

3. CHROM과 같은 고급 브라우저를 사용하려면 getComputedStyle(대상,null)['속성']

var oDiv = document.getElementById('love');
				
alert(getComputedStyle(oDiv,null)['width']);

4. 브라우저를 어떻게 호환시킬 것인가, 우리는 단지 하나의 방법만 쓰면 이 문제를 해결할 수 있다




	
	
	<style type="text/css">
		#abc{width: 320px;height: 300px;clear:both;margin-left:10px;display:none;}
		
	</style>


	
	<div id="abc">  </div>
	<script>
		window.onload = function()
		{
			var obj = document.getElementById('abc');
			alert(getStyle(obj,'width'));
		}
		
		/*     */
		function getStyle(obj,sName) {
			if (typeof(obj.currentStyle) == 'undefined') {
				return getComputedStyle(obj,null)[sName];
			} else {
				return obj.currentStyle[sName];
			}
		}
		
		
	</script>

</code></pre> 
   <br/> 
   <br/> 
  </div> 
 </div> 
</div>
                            </div>
                        </div>

JS의 브라우저 호환성 문제 해결

좋은 웹페이지 즐겨찾기