다음 예제는 클릭 시 어떠한 기능이 자동으로 수행되도록 구현하는 예제이다. 이벤트 처리 방법에는 다음 예제에 나와있는 두가지 방법이 있다. 첫번째 방법 ) 사용하기. 이벤트 처리 눌러보셈 두번째 방법 ) id와 .addEventListener 사용하기 이벤트 처리 눌러보셈2 document.querySelector("#아이디이름").addEventListener(이벤트명,콜백함수 function(){ }); 주로 두번째 방법을 많이 이용하므로 위의 코드를 통째로 외우는 것이 좋다. 여기서 콜백함수란, 전달만 해놓으면 나중에 특정시점에 알아서 호출되는 함수이다. 예제1은 클릭 시 함수가 실행되도록 구현한 예제로, 위의 두 방법을 모두 사용해본 예제이다. 똑같은 오브젝트가 여러개일 때에는, document...
앞서 말했듯이 inline Element는 한 줄 안에서 좌에서 우측으로 쌓아가는 요소 이고, 각각의 필요한 만큼의 공간을 차지한다. 1) span의 필요성에 대한 예시 Step04_inlineElement.html 인라인 요소에 대해 알아보기 하나 두울 세엣 span요소는 인라인 요소입니다. 하나 두울 세엣 span요소는 인라인 요소입니다. 실행 결과 span을 사용하면 문장 내의 요소 개별로 돋보이게 할 수 있음!! 2) id attribute / vs / vs Step04_inlineElement2.html 인라인(inline) 요소에 대해 알아보기 하나 두울 세엣 span 요소는 인라인 요소 입니다. 하나 두울 세엣 span 요소는 인라인 요소 입니다. 하나 두울 세엣 span 요소는 인라인 요소..
- Total
- Today
- Yesterday
- Case When
- 파이썬
- baekjoon
- jsp
- Java
- CSS
- 프로그래머스
- R
- 자바스크립트
- javascript
- 고득점 키트
- 스프링
- append
- python
- 정렬
- 백준
- web
- Oracle
- 문자열
- bootstrap
- brute force
- 단계별로풀어보기
- 브루트 포스
- html
- 자바
- 덱
- jQuery
- Django
- 장고
- 큐
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |