HTML DOM 元素新增：學習如何使用 HTML DOM 在網頁上新增元素

緣起:

筆者在使用Javascript 製作多工計時器時，遇到的第一個問題是計時器如何依據使用者的需求新增，因為如果設定好固定數量的計時器，就不能夠依據使用者的需求新增，而且也會有預先設定好的計時器數量少於使用者需求的情形發生，因此就必須要找到能夠點擊按鈕就能夠新增一組計時器的方法。如此一來就可以隨著使用的需求新增任意數量。

而這在找資料的過程中剛好發現appendChild這個指令，並將此程式碼分享給大家

範例程式碼:

從網頁原始碼中也可以看到確實點擊後有新增，如下圖所示。

參考資料:

1.w3schools(https://www.w3schools.com/jsref/met_node_appendchild.asp)

2.iT邦幫忙(https://ithelp.ithome.com.tw/articles/10191867)

3.stackoverflow(https://stackoverflow.com/questions/10328210/javascriptdiv-appendchild)