Document2 자바스크립트#07 : 문서 객체 모델 DOMContentLoaded 이벤트를 사용한 문서 객체 조작과 다양한 이벤트 문서 객체를 조합해서 만든 전체적인 형태인 문서 객체 모델(Document Objects Model)을 조작하는 방법을 정리해보겠다. Document Objects Model을 이용할 때는, HTML문서의 태그들을 객체로 생각하고 이해하면 된다. HTML 코드를 자바스크립트로 조작해보기 1번째 h1 태그 2번째 h2 태그 body 태그는 head태그 다음에 생성된다. document는 웹페이지 DOMContentLoaded 이벤트 - DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트이다. - DOMContentLoaded 상태가 되었을 때, 콜백 함수 호출! addEventLis.. 2022. 12. 20. 자바스크립트 : 출력 형태 console.log() 크롬 브라우저로 실행시키면 나오는 화면이다. console.log 실행문만 있으면 화면에는 아무것도 나오지 않는다. F12 를 눌러 Console창으로 가서 해당사항을 확인할 수 있다. alert() 다음은 alert() 함수를 사용해 비교 연산자를 alert창으로 출력한 예제이다. document.write() 여기서 list는 참조변수가 된다. confirm() confirm()함수는 prompt()함수와 비슷한 형태로 사용된다. 사용자에게 확인을 요구하는 메세지 창이 출력된다. 2022. 12. 12. 이전 1 다음
