>

서버에서 데이터를 컨테이너로로드하는 매우 간단한 웹 페이지가 있습니다. 문제는 때로는 이미지가 너무 커서 오버플로가 발생하여 레이아웃 문제가 발생한다는 것입니다. 그래서 다음을 사용하여 div 크기를 조정하려고했습니다.

target.style.height = height; // As short form of:
document.getElementById('someId').style.height=height;

그러나 지금까지 시도한 것은 아무것도 없었다. html 파일은 다음과 같습니다.

   <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body bgcolor="#E3FBFF" text="#000000" onload="loadImages();">
      <script type = "text/javascript">
        function loadImages()
        {
          ...Function omitted for brevity...
          But it gets to this line:
          document.getElementById(d0).style.height = height+10;
        }
  </script>
    <div id=d0></div>
    <hr>
    <div id=d1></div>
    <hr>
    <div id=d2></div>
    <hr>
    <div id=d3></div>
    <hr>
    </body>
    </html>

그렇습니다!

저는 이 기사 또는 이것 이지만 도움이되지 않았습니다.

내 경우에는 div 자체를 사용할 필요가 없다고 언급하는 것이 나에게 일어난다. 세로 및 가로로 겹치지 않도록 이미지와 관련 텍스트가 필요합니다. 이미지가로드 될 때 실제로 혼란 스러울 수 있습니다. ... 다른 div의 오버레이없이 div를 전체 너비로 지정하려면 어떻게해야합니까? 클래스를 사용하고 CSS를 사용하는 등 많은 것을 무시했습니다.

나는 블록 지향적 인 것으로 div가 전체 너비 ( "width = 100 %")를 선언하더라도 배치 된 내용에 따라 세로로 겹칠 수 있으며 여전히 겹칠 것이라는 부적절한 가정하에 작업하고 있다고 생각합니다.

  • 답변 # 1

    당신은 '높이'에 할당 한 것을 보여주지 않았지만, 코드에서 나는 개입자를 가정합니다.

    document.getElementById(d0).style.height = height+10;
    
    

    스타일은 문자열 (예 : 10px)을 사용하므로 숫자를 할당해도 작동하지 않습니다. 다음을 시도하십시오

    document.getElementById(d0).style.height = height+10+'px';
    
    

    자바 스크립트가 문자열을 문자열로 변환합니다
    정수에서 문자열에 대한 자세한 내용 여기 JavaScript에서 숫자를 문자열로 변환하는 가장 좋은 방법은 무엇입니까?

  • 답변 # 2

    height 에 단위 추가  변하기 쉬운. 요소의 CSS 스타일을 편집 할 때 이것이 필요합니다. 참조 : MDN

    document.getElementById('someId').style.height=height  된다 : 와이즈 비즈

    document.getElementById('someId').style.height = height.toString() + 'px'

  • 이전 R을 사용하여 날짜 시간을 기준으로 연속 카운트가 포함 된 벡터 생성
  • 다음 javascript - 메뉴 디자인 - 추가 메뉴 옵션