Question

javascript的innerHTML

<div id="test">
<div id="test1" style="width"></div>

<div id="test2"></div>
</div>
<script type="text/javascript">
var test1 = docment.getElementById("test1");

var test2 = docment.getElementById("test2");
test2.innerHTML = test1.innerHTML;

//.....

</script>
大体意思是这个，此时test的div 宽度包不包含test2的宽度？ 或者说innerHTML方法添加的内容对test的div 属性(宽度什么的)有没有影响？

Answer 1

你可以给test加个边框来看看效果

如果test只设置了宽度，没有设置高度的话，有可能会把test撑高

如果设置了宽高的话，超出部分会显示到下边（除非test设置了overflow:hidden）

Answer 2

div是块级元素，默认宽度是父级元素的宽度。
innerHTML属性是不包括元素本身标记的。
例如：
<div id="test"><a></a></div>
div的innerHTML的值为：<a></a>，
innerHTML的赋值是不会影响元素本身的任何属性的。

Answer 3

innerHtml指的是标签内部的文本信息
比如 <div id="test1" style="width"><span>1234</span></div>

docment.getElementById("test1").innerHtml的内容就是<span>1234</span>