>  기사  >  웹 프론트엔드  >  Node.js는 div 배경을 사용하여 수직선 효과를 만듭니다. _자바스크립트 기술

Node.js는 div 배경을 사용하여 수직선 효과를 만듭니다. _자바스크립트 기술

WBOY
WBOY원래의
2016-05-16 18:58:201371검색

나중에 div 스타일을 특정 높이로 설정하면 IE나 FF에 관계없이 정상적으로 작동할 수 있다는 사실을 발견했습니다.

그런데 이 높이는 고정되어 있지 않고 인접한 div의 내용에 따라 달라집니다. 결국 JavaScript를 사용하여 로드 시 해당 div의 높이를 캡처하고 이를 지정된 div 스타일에 할당한 후 최종적으로 원하는 내용을 확인해야 했습니다.

구체적인 스크립트는 다음과 같습니다:

window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv' ) .offsetHeight 'px';
}

"bg"는 높이를 변경하려는 div이고, "mydiv"는 참조하려는 div입니다.

마지막 단위 "px"를 추가해야 합니다. 그렇지 않으면 ff에서 인식되지 않습니다.

여전히 문제가 있습니다. IE7에서는 offsetHeight 속성이 더 이상 지원되지 않는다고 말하는 사람이 있었습니다. 구체적으로 시도하지는 않았습니다. 이 경우 IE7에서는 비어 있어야 합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.