javascript DOM 元素優勢

Question

為什么我們使用 DOM 來添加元素（ document.createElement("div"); ）來添加元素，當我們可以通過為該父元素使用innerHTML來添加元素時。 我認為可能與事件綁定有關，但事實並非如此。 我閱讀了 DOM 和創建元素的理論，但沒有理解。 誰能以更好的方式解釋它？

Answer 1

因為通常你想用屬性來修飾元素，添加樣式等等......當你用 innerHTML 這樣做時

var a = document.createElement('div');
a.setAttribute('class', 'red');
a.addEventListener('click',callback);

在一天結束時，您將擁有更清晰、更易於維護的代碼。 而且您不需要多次訪問 dom ......因為與 dom 交互很慢。