전체 글321 체크박스, 리스트 이동버튼 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 Document 전체 야구 축구 배구 농구 window.onload = function () { //1. 태그에대한 참조를 얻는다. let inputArr = document.getElementsByTagName('input'); let ta = document.getElementById('ta'); //이벤트를 등록한다 for (let i = 0; i 2019. 6. 13. 다차원 배열 다차원 배열 의 구현 : 배열안에 배열을 넣어서 구현 1 2 3 4 5 6 var arr2D = [ [1,2,3,4,5], //arr2D[0] [1,2,3,4,5], //arr2D[1] [1,2,3,4,5], //arr2D[2] [1,2,3,4,5], //arr2D[3] ]; 1 2 3 4 //2차원 배열 arr2D의 모든 요소를 콘솔에 출력 for(i =0; i 2019. 6. 13. Event Event : HTML의 요소에 어떤 일이 발생하는 것이 'HTML이벤트'이다. Event의 속성 onload : 브라우저가 HTML페이지의 로딩을 마쳤을 때 onclick : 사용자가 HTML요소를 클릭했을 때 onmouseover : 마우스가 HTML 요소의 위에 올라갔을 때 onmouseout : 마우스가 HTML 요소의 위에서 밖으로 벗어났을 때 onkeydown : 사용자가 키보드를 눌렀을 때 onchange : HTML요소가 변경되었을 때 Event모델 : 이벤트가 발생시, 수행될 작업을 작성하는 것을 이벤트처리 라고한다. 문서객체(document object)에 이벤트 처리를 연결하는 방법(이번트 모델) DOM Level 0 기본 이벤트 모델(고전 이벤트 모델) 1 2 3 4 5 6 7 8 .. 2019. 6. 12. DOM(Document Object Model) DOM : 브라우저는 HTML 문서를 읽어서 DOM을 구성한다. 1 2 3 4 5 6 7 8 9 10 11 My title My link My header 메모리에 tree생성하고 이것을 조작한다. 생성된 DOM을 다뤄야 하기에 Script는 HTML 태그가 생성된 이후인 마지막에 넣는것이 효율이 좋다. DOM에서 요소(element)찾는 방법 document.getElementById(id) - id로 찾기 document.getElementByTagName(name) - tag로 찾기 document.getElementsByClassName(name) - class로 찾기 document.querySelectorAll("셀렉터") - CSS selector로 찾기 [참고] document.queryS.. 2019. 6. 12. 이전 1 ··· 70 71 72 73 74 75 76 ··· 81 다음
