표준 모드에서 요소 너비 또는 높이 설정

표준 모드에서 JavaScript에서 HTML 요소 (예 : <div>)의 너비 또는 높이를 설정할 수 있습니까?표준 모드에서 요소 너비 또는 높이 설정

참고 다음 코드

<html> 
<script language="javascript" type="text/javascript"> 
    function changeWidth(){ 
     var e1 = document.getElementById("e1"); 
     e1.style.width = 400; 
    } 
</script> 
<body> 
    <input type="button" value="change width" onclick="changeWidth()"/> 
    <div id="e1" style="width:20px;height:20px; background-color:#096"></div> 
</body> 
</html>

사용자가 변화 폭 버튼을 누르면 상기 <div>의 폭을 변경한다.

doctype 선언이 Quirks 모드를 결정할 때 잘 작동합니다. 표준 모드에서는 요소의 크기를 이렇게 변경할 수 없습니다.

표준 모드에서 요소의 크기를 조작 할 수 있습니까? 이 불일치를 우회하는 방법? 폭의 단위를 선언

출처

2011-01-12 rafalry

131

봅니다 :

e1.style.width = "400px"; // width in PIXELS

출처

2011-01-12 10:30:19

아하하 .. 나는 "야옹"(c)을 의미합니다. 나는 스타일을 적용하지 않는 이유를 알아 내려고 한 시간 정도를 보냈습니다. 감사! –

style 속성은 CSS 속성에 대한 값을 지정할 수 있습니다.

CSS 속성은 길이 값을 값으로가집니다.

길이는 단위가 필요합니다. Quirks 모드에서 브라우저는 길이가 아니라 정수로 제공되면 픽셀을 사용하는 경향이 있습니다. 단위를 지정하십시오.

e1.style.width = "400px";

출처

2011-01-12 10:32:56 Quentin

답변을 주셔서 감사합니다. – rafalry

표준 모드에서 요소 너비 또는 높이 설정

답변

관련 문제