js에서 CSS 높이를 설정하는 방법

js로 CSS 높이를 설정하는 방법: 1. js를 통해 html 파일에 있는 div의 스타일 값을 수정하여 div의 높이를 수정합니다. 2. js를 사용하여 CSS 파일에 있는 div의 높이 값을 수정합니다.

이 기사의 운영 환경: Windows 7 시스템, javascript1.8.5&&HTML5&&CSS3 버전, Dell G3 컴퓨터.

js에서 div의 높이를 설정하는 방법은 무엇입니까?

먼저 테스트한 편집 도구를 엽니다. 여기서는 Eclipse를 사용하고 있습니다.

새 테스트 프로젝트를 만든 다음 새 index.html, basic.js 및 basic.css 파일

첫 번째 방법은 html 파일에 있는 div의 스타일 값을 js로 수정하여 div의 높이를 수정하는 것입니다

실행해 보니 두 div의 높이가 동일한 것을 확인할 수 있습니다. 다음으로 js를 사용하여 높이를 수정합니다

이때 div1의 id를 가져오는 코드를 js에 입력합니다. css 속성에 해당하는 style 속성을 사용하여 그림과 같이 높이를 설정합니다

두 번째 방법은 js를 사용하여 CSS 파일의 div 높이 값을 수정하는 것입니다. 스타일 시트 CSS 파일의 코드는 그림과 같습니다. 프로젝트를 실행하면 두 div의 높이가 동일하게 표시됩니다. 여기서는 테스트되지 않습니다

js 파일에서 div1의 id 속성을 가져온 다음 obj.style.cssTest를 사용하여 포함된 CSS를 수정합니다

그러면 프로젝트를 실행한 후 결과가 두 번 동일합니다. 동일한 div의 높이가 변경되었습니다

추천 학습: "

css 비디오 튜토리얼

"

위 내용은 js에서 CSS 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!