동해둘리의 IT Study

1. createElement() HTML DOM Element 를 동적으로 생성하기위해 사용하는 함수입니다. This is a paragraph. This is another paragraph. var para = document.createElement("p"); var node = document.createTextNode("This is new."); para.appendChild(node); var element = document.getElementById("div1"); element.appendChild(para); 2. removeChild() HTML DOM Element 를 동적으로 삭제하기 위해 사용하는 함수입니다. This is a paragraph. This is another ..

IT공부방/HTML5, CSS 2016. 8. 19. 16:30

1. addEventListener 함수 선택된 엘리먼트에 이벤트리스너 를 부착한다. 아래 코드의 경우 click 이벤트가 발생하기를 기다리다가 , 해당 이벤트 발생시 해당함수 실행한다. 1 element.addEventListener("click", function(){ alert("Hello World!"); }); cs 위 코드는 외부 함수로 설정해서 코딩할 수 도 있다. 1 2 3 4 5 element.addEventListener("click", myFunction); function myFunction() { alert ("Hello World!"); } Colored by Color Scripter cs 또한, 여라가지 이벤트에 대한 리스너 설정도 가능하다 1 2 3 4 5 element.a..

IT공부방/HTML5, CSS 2016. 7. 25. 15:33

동적으로 HTML 의 DOM 엘리먼트를 생성하고 조절하는 함수이다. 예를 들면 다음과 같은 함수들이다.. 1. createElement, appendChild, createTextNode 함수 동적으로 HTML DOM 엘리먼트를 생성하는 함수 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Colored by Color Scripter cs HTML DOM 엘리먼트와 연관된 함수 리스트는 다음과 같다. Property / Method Description document.activeElement Returns the currently focused element in the document document.addEventListener() Attaches an event handler t..

IT공부방/HTML5, CSS 2016. 7. 25. 10:48