dom

웹페이지

JAVASCRIPT STEP 38 - ManiPulation

★ ManiPulation DOM 태그/속성/텍스트 조작 innerHTML > 문제점 > 모든걸 문자열로 처리.. 1. innerHTML을 이용한 방식 div1.innerHTML = ''; 2. DOM을 이용한 방식(잘안씀) btn1.addEventListener('click', function() { //2. //2.1 태그 생성 createElement() const input = document.createElement('input'); // console.log(input.nodeType); console.log(input.nodeName); //2.2 속성 추가 setAttributeNode() const type = document.createAttribute('type'); //type=""..

웹페이지

JAVASCRIPT STEP 27 - Timer

★ Timer 타이머 생성 1. number setTimeout(함수, 시간) : 1회성 타이머 btn1.onclick = m1; function m1() { //3초 후에 f1을 호출해라! //setTimeout(f1, 1000); f1(); } function f1() { // alert('따르릉'); txt1.value = (new Date()).toLocaleTimeString(); setTimeout(f1, 1000); //재귀 호출 + 무한 루프 } 2. number setInterval(함수, 시간) : 반복성 타이머 btn2.onclick = m2; function m2() { setInterval(f2, 1000); } function f2() { // alert('띵동~'); txt2...

IT의 큰손
'dom' 태그의 글 목록
상단으로

티스토리툴바