一个innerHTML有关问题 _JavaScript

一个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中有空格了
 弹出的信息有空格变成了?；
 请问怎么样处理