[DOM]-9.createElement寫法

以DOM節點來處理，先以createElement來新增html的元素再以textContent寫入內容， 再以setAttribute新增元素掛入父元素加入子節點，在這裡不會像innerHTML會將先前的資料都刪除(同元素的標籤)， 但是這裡的寫法會比較長安全性高。

<h1 class="title"></h1>

var str =document.createElement('em');
str.textContent ='123';
//增加子節點
str.setAttribute('class','blue');
document.querySelector('.title').appendChild(str);

.blue{
  color: blue;
}

codepen