자바스크립트 17 - 객체 추가

아래 메서드는 요소를 만드는 메서드이다. 

createElement() => 새로운 요소를 만든다. 

appendChild() => 요소를 end tag 바로 앞에 추가한다 .

append()

let param = document.querySelector('p');
let span = document.createElement('span');//요소를 만든다.
span.innerText = "실행";
let timer = setInterval(function(){
//  param.innerHTML='실행</br>';
    param.appendChild(span);//요소를 추가한다.
    console.log('실행');
},1000);
let btn1 = document.querySelector('#btn1');   
let btn2 = document.querySelector('#btn2');   

btn1.onclick = function(){
    timer;
}
btn2.onclick = function(){
    clearInterval(timer);
}   

 

 

 <button id="btn1">btn1</button>
 <button id="btn2">btn2</button>
 <p></p>