在设置innerHtml之前，应该“清理”一个元素吗？

Question

我已经看到了一个项目，多次说我的工作是设置元素的innerHTML值之前被清理之前，像这样：

var foo = document.getElementById('foo') 
foo.innerHTML = ''; 
foo.innerHTML = '<span>Bar</span>' 

我找不到任何好的理由这样做，只是团队中的每个人都遵循这个“实践”。根据我的理解，任何人都可以重新定义innerHtml属性来执行自定义操作，但除了这个原因，还有其他我缺少的东西吗？

谢谢！

编辑：示例代码更新，以避免倾斜（感谢@freefaller）

Answer 1

听起来就像是项目的看到了一些cargo-cult programming在一些点。

不仅是绝对没有理由设置元素的.innerHTML属性两次，但它实际上减慢了页面的不必要的。每次对DOM进行修改都会导致浏览器停止并更新文档树，这意味着每次都会浪费循环.innerHTML被设置为空字符串。