问动态添加html元素采用什么方式最好

看你第一行中的div样式中写着height:800px；top:-400; 说明显示能看到只有400高度,还有400是隐藏起来的然而下面2个div的高度加起来才120px;div是从上往下排列的，刚好你所要显示的都在隐藏了试试把top:-400px;改为top:0px；试试

这个是情况而定。1.添加孩子节点的话，且添加到最后一个，应该这么写：A.appendChild(B);A是父元素，B是子元素，将B添加到A里的最后一个。2.添加孩子节点的话，但不是最后一个，A.insertBefore(B,C);或A.insertAfter(B,C);C也是A的孩子，B插入到C的前面或后面。3.添加节点到A的后面，即添加兄弟节点。这就稍微有点复杂。 需要自定义函数来添加，因为js没有直接添加兄弟节点的函数。如下：// 自定义函数向后插入 function insertAfter( newElement, targetElement) { var parent = targetElement.parentNode; if ( parent.lastChild == targetElement ) { // 如果最后的节点是目标元素，则直接添加。因为默认是最后 parent.a( newElement ); } else { //如果不是，则插入在目标元素的下一个兄弟节点的前面。也就是目标元素的后面 parent.insertBefore( newElement, targetElement.nextSibling ); } }