一个innerHTML有关问题

一个innerHTML问题
<div id="showDiv">aa<div>

<script>
   
  showDiv.innerHTML="<span>";
  showDiv.innerHTML+="hello";
  showDiv.innerHTML+="</span>";

alert( showDiv.innerHTML);
</script>


为啥弹出的信息为<SPAN></SPAN>hello</SPAN>

[解决办法]

JScript code

showDiv.innerHTML=" <span>"; 这一句的时候 标签未结束，浏览器自动闭合var str=" <span>";       str+="hello";       str+=" </span>"; showDiv.innerHTML+=str
[解决办法]
right!!
探讨

JScript codeshowDiv.innerHTML=" <span>"; 这一句的时候 标签未结束，浏览器自动闭合var str=" <span>"; 
      str+="hello"; 
      str+=" </span>"; 
showDiv.innerHTML+=str

[解决办法]
探讨

因为:
 showDiv.innerHTML="  <span>";
 该句执行完后.showDiv.innerHTML 内标签不配对,自动补全了.
 所以应该,先组串,再赋给innerHTML.同时也避免不必要的操作dom

[解决办法]
探讨

var str="  <span>";
       str+="hel lo";
       str+="  </span>";
 showDiv.innerHTML+=str;
 如果hel lo中有空格了
 弹出的信息有空格变成了?；
 请问怎么样处理