join（）不适用于innerHTML

Question

我在join()方法中提供了很多空格，它显示了控制台中元素之间的空格，但没有显示innerHTML。 我不知道为什么。

var arr = ['a','b','c',3, true];
var d = arr.join("      ");
console.log(d);
document.getElementById('tostring').innerHTML = d;

<h3 id="tostring">Hi</h3>