자바스크립트에서 div에 높이를 설정하는 방법

JavaScript를 사용하여 div 높이를 설정하는 방법: 먼저 새 프로젝트를 만든 다음 html 파일에서 div의 스타일 값을 수정하여 div의 높이를 수정하고 마지막으로 프로젝트를 실행합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

JavaScript를 사용하여 div 높이를 설정하는 방법:

1. 먼저 새 테스트 프로젝트를 만든 다음 새 index.html, basic.js 및 basic.css 파일을 만듭니다

2. 첫 번째 방법은 js html 파일의 div 스타일 값을 수정하여 div의 높이를 수정하는 것입니다. HTML 파일의 파일 코드는 그림과 같습니다

3. 두 div의 높이는 동일합니다. 다음으로 js를 사용합니다. height를 수정합니다

4 이때 js에 코드를 입력하여 div1의 id를 가져옵니다. 5. 두 번째 방법은 js를 사용하여 CSS 파일의 높이 값을 수정하는 것입니다. HTML 파일의 코드는 그림과 같습니다. 스타일시트 CSS 파일은 그림과 같습니다. 프로젝트를 실행하면 두 div의 높이가 동일한 것을 확인할 수 있습니다. 여기서는 테스트하지 않겠습니다.

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

8. 그런 다음 이틀 동안 프로젝트를 실행합니다. 결과는 매번 동일합니다. div의 높이가 변경되었습니다. .

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