问题描述

js appendchild 第一次追加后，父元素不显示被追加的元素

document.createElement(""div"");
生成新的div元素，使用appendchild追加在其父元素下，为什么第一次appendchild的div不显示，而再次appendchild之后，第一次追加的div和后一次追加的div会一起显示出来，代码如下：请帮忙解答下，谢谢！

div_left_child=document.createElement(""div""); div_left_child.style.cssText=""height:100%;width:auto;float:left;"";
div_left_child.id=ID;
div_left_child.innerHTML=title;
div_leftTab.appendchild(div_left_child);
div_leftTab.style.width=""parseInt(div_left_child.style.paddingLeft)+parseInt(div_left_child.style.paddingRight)+parseInt(div_left_child.clientWidth)"";

解决方案

JS不会有这个问题，一般是你样式设置可能有问题。
div_left_child.style.cssText=""height:100%;width:auto;float:left;"";
修改为：
div_left_child.style.height=""100px"";
div_left_child.style.width=""100px"";
div_left_child.style.border=""solid green 1px"";

这样写，然后append进去看看能不能显示，如果能说明你的样式不对

另外，使用parseInt的时候注意使用第二个参数，即使是十进制最好也显示调用一下