보통 appendChild()라는 method를 사용할때는 특정 Element를 동적으로 생성시키거나 이동시킬때 사용하는 경우가 많다. 개인적으로는 상품이나 뉴스의 롤링영역에 많이 사용하는 편이다. 이런 부분에 사용하기 좋은 특징이 있어서라고나 할까.. appendChild() 라는 method를 그대로 해석하자면 자식을 추가한다는 것이다. 뭐, 부모노드에 자식노드를 추가한다는 의미로 해석하면 된다. 어떤 event가 발생했을 때 자식을 추가하면 되는데... appendChild의 중요한 성질이 있다. 자식을 추가하긴 하는데, 이미 있는 자식을 또 추가할수는 없지 않은가? 그래서 이미 존재하는 자식노드를 추가하려고 하면 그 녀석을 지우고, 새로 같은 녀석을 맨 뒤에 추가해준다. Deleting & App..
IE6의 많은 버그들 때문에 업무적으로 많은 비효율적인 면이 발생하곤 합니다. 외국에서는 이미 이런 캠페인이 있었다고 하며, 그래서인지 국내보다는 IE6의 비중이 많이 낮아져 있는 상태네요. 개발자 좀 살려주세요!‘ 라는 조현진님의 글도 한번 읽어보았고.. 국내에서도 캠페인(?)을 하고자 하는 의지가 있어보여, 살짝 발을 담궈보려고 합니다.^^ 아래는 정찬명님의 블로그에서 퍼온 배너입니다. SAVE THE DEVELOPERS Upgrade IE 6 Now!
var tname = document.getElementsByTagName("li"); 이름에서도 나타나듯이 getElementsByTagName 은 여러개의 Element를 가져오므로 tname 이라는 변수는 배열(array)이 된다. 즉, tname[0], tname[1].... 등등으로 값이 저장된다는 얘기가 된다. 착각하지 말아야 할 부분이 있는데..tname[0] 등의 공간에는 menu1, menu2 가 들어가는것이 아니라 li라는 object가 자리잡고 있다. 때때로 이것을 제대로 구분 못하는 사람들이 있더라는;; menu 1 menu 2 menu 3 tname에 length라는 property를 적용하여 li의 갯수를 확인할 수 있다.
Header - filter:progid:DXimageTransform.Microsoft. 아래의 Filter는 IE5.5이상에서 동작한다. [ Filters ] Alpha - filter:progid:DXImageTransform.Microsoft.Alpha() - enabled, opacity, style, startX, finishX, startY, finishY, finishOpacity BasicImage - filter:progid:DXImageTransform.Microsoft.BasicImage() - enabled, grayscale, invert, mask, maskcolor, mirror, opacity, rotation, xRay Blur - filter:progid:DXImageT..
숫자값을 체크하기 위하여 키코드를 받아들일 경우, onkeydown, onkeypress의 두가지 이벤트를 주의하여야 한다. onkeydown으로 capture 했을때 키보드 상단의 숫자 '1'의 key는 keyCode=49 라는 값을 가져오고, 숫자 keypad에서 '1' key는 keyCode=97 이라는 값을 가져온다. 그러나, onkeypress로는 두 키 모두 keyCode=49 라는 값을 가져온다. 따라서 onkeydown 이벤트일경우와 onkeypress 경우를 주의하여 함수를 작성해야한다. onkeydown 이벤트일때는 두가지의 키코드값을 모두 작성해야한다.
# 단위나누기
- Total
- Today
- Yesterday
- 샤오미
- SK Apn
- HUD M17
- keyCode
- embed music
- web nine patch
- 단거좋아
- 크롬 새창 열기
- keystroke
- CSS3
- 부천포켓볼
- onkeydown
- onkeypress
- 만보기
- ClearBoth 세미나
- 초콜렛
- border image
- 케이크
- 백다방 아샷추
- 미패드4
- 위드풀
- 리사이클팜
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |