TIL/Learn - JavaScript12 window.onload window.onload = function() { //window.onload : 현재 문서의 body 부분을 읽고 난 후 자바스크립트를 실행하라는 의미를 담고 있음. document.getElementById("btnChannel1").onclick = function() { var myDiv = document.getElementById("myDiv"); myDiv.style.backgroundColor = "yellow"; //css 변경하겠다.(배경색) myDiv.style.width = "150px"; document.getElementById("str").style.color = "red"; } } function go_change(){ alert("자바스크립트 DOM 테스트") } 불러오는.. 2019. 8. 30. DOM 기초 내용 DOM(Document Object Model : 문서 객체 모델) - 웹 브라우저 html 페이지에 접근하는 방법을 정의한 API임. - 자바스크립트 코드에서는 동적인 HTML을 만들어 내기 위해 DOM 객체에 접근하여 조작할 수 있음. - 사용 목적 : 자바스크립트를 이용하여 문서 객체를 선택하고 속성 또는 스타일을 적용하기 위해서 사용함. - 문서 객체 : 자바스크립트에서 이용할 수 있는 객체. *노드 : html 페이지의 각 요소(태그)들 (html, title, head, body) 모두 노드라고 불림. 텍스트 텍스트 노드. - DOM은 노드, 스타일, 속성, 이벤트, 위치 및 크기 등을 다룰 수 있는 다양한 기능이 포함되어 있음. - 보통 DOM 방식은 트리구조임. 브라우저가 웹페이지를 처리하.. 2019. 8. 30. button - onclick - "" 2019. 8. 28. prev 1 2 3 4 next