전체 글

요소 가져오기 html 요소에 접근하기 (해당 요소객체 가져오기) 특정 요소의 값을 가지고 온다거나 변경하고자 할때는 먼저 해당 요소객체를 가지고와서, 변수에 저장하는 과정이 필요하다 1. ID로 가져오기 (getElementById) document.getElementById("아이디명"); 가져온 요소의 속성들에 접근해서 값을 가져온다거나 변경 가능 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 속성에 접근해서 스타일을 변경하면 인라인방식으로 스타일이 부여됨 (가장 먼저 실행됨) 클릭마다 색상변경 2. 태그명으로 접근하기 (getElementsByTagName) document.getElementsByTagName("태그명") 주의사항 : element 에 ‘s' 가 붙음 선택된 여..

window 객체 자바스크립트 내장 객체로 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체 브라우저 창안에 존재하는 모든 요소들의 최상위 객체 (자바의 object와 비슷함, 모든곳에 적용되기 때문에 생략 가능) window.onload : 현재 html문서가 다 로딩이 완료되고 나서 실행할 함수를 지정하는 이벤트 속성 (window.onload=function() {}) document 객체 웹 문서마다 하나씩 만들어지는 객체 (html 문서에 대한 정보들을 가지고 있음) documents는 현재 활성화된 창에 로드된 웹 페이지의 내용을 대표하는 객체 데이터를 출력하는 기본 구문 1. 일반 사용자에게 출력 (alert) window.alert("알림창에 출력할 문구"); 2. 콘솔창에 출력 (cons..

inline(인라인) 방식 이벤트를 부여하고자 하는 요소 내에 간단한 소스코드를 작성해서 실행되게 하는 방법 실행하는 소스코드가 소량일 경우 사용 실행 코드가 여러개 있으면 세미콜론으로 구분 이벤트 속성에 debugger;를 넣으면 디버깅 모드가 됨 [표현법] 알림창 출력 콘솔창 출력 internal (내부) 방식 script 태그 영역에 함수단위로 소스코드를 작성하고 특정 요소에 이벤트 발생 시 해당 함수를 호출함으로써 실행시키는 방식 css의 style과 비슷하지만 script 태그는 head, body 태그 내에 다 작성 가능 (body태그 마지막에 작성하는걸 권장) 주석은 자바와 동일 (/*, //) 중괄호 내에는 해당 함수 호출 시 실행할 코드 기술 코트에 세미콜론은 안 써도 자동삽입 되지만 써..