JS create Element

//createElement : 태그 이름
//createTextNode : 태그 내용 입력.... 태그 속성..?정확한 명칭은 모르게음..ㅠ
//setAttribute : 태그 내부에 입력 
 
window.onload=function(){
    let h=document.createElement('h1');
    let txt=document.createTextNode('hello');
    h.appendChild(txt);
    //<h1>태그에 hello 입력
 
    let h2=document.createElement('h2');
    let txt2=document.createTextNode('hello2');
    h2.appendChild(txt2);
    //<h2>태그에 hello2 입력
 
 
    let img=document.createElement('img');
    img.setAttribute('src', '../d1127/img/sunny3.jpg');
    img.setAttribute('alt','써니');
    //<img>태그 내부에 src, alt 입력
 
    let b = document.getElementsByTagName('body');
 
    b[0].appendChild(h);
    b[0].appendChild(h2);
    b[0].appendChild(img);
    //body에 h1, h2, img 태그 추가
}