日期:2014-05-16  浏览次数:20363 次

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