JavaScript (43) 썸네일형 리스트형 DOM(document) document는 JavaScript에서 사용하는 객체로, 웹 페이지의 DOM(Document Object Model)을 나타냅니다. DOM은 웹 페이지의 구조화된 표현으로, 페이지의 모든 요소와 속성, 내용 등을 트리 구조로 표현합니다. document.getElementById('myImage').src='pic_bulbon.gif 코드에서 document는 현재 웹 페이지의 전체 DOM을 참조하고, 이를 통해 특정 id를 가진 요소를 찾거나 페이지의 내용을 변경하는 등의 작업을 할 수 있습니다. JavaScript를 이용해 HTML 요소 숨기기 및 보이기 웹 페이지에서 특정 요소를 숨기거나 보이게 하는 것은 자주 사용되는 기능입니다. JavaScript를 이용하면 이러한 작업을 쉽게 수행할 수 있습니다. 이번 글에서는 버튼 클릭 시 특정 요소를 숨기거나 보이게 하는 방법에 대해 알아보겠습니다. 버튼 클릭으로 요소 숨기기 및 보이기 HTML 버튼을 사용하면 사용자가 클릭할 때 JavaScript 코드를 실행할 수 있습니다. 여기에서는 id가 "demo"인 요소를 숨기거나 보이게 하는 예제를 살펴보겠습니다. HTML 요소 추가 Click Me! JavaScript can change HTML content. JavaScript 함수 작성 상태를 추적하는 변수 사용 버튼 클릭 시 표시 상태 전환 var isVisible = true; // 상태를 추적하는 변수.. javascript introduction 소개 1. HTML 콘텐츠 변경 JavaScript는 웹페이지의 HTML 콘텐츠를 동적으로 변경할 수 있습니다. 예시: document.getElementById("demo").style.display = "block"; 작은따옴표 또는 큰따옴표 모두 사용할 수 있습니다. 2. HTML 속성 변경 JavaScript는 HTML 태그의 속성을 변경할 수 있습니다. 예를 들어, 이미지의 소스(src)를 변경하는 것이 가능합니다. 예시: Turn on the light 3. HTML 스타일 변경 (CSS) HTML 요소의 스타일 변경도 JavaScript로 가능합니다. 글꼴 크기, 색상 등 다양한 스타일을 변경할 수 있습니다. 예시: document.getElementById("demo").style.fontSiz.. 이전 1 2 3 4 5 다음
