因为lz的HTML中
第一个div不仅包含了一个img元素,还有一个文本元素(就是那个换行)
lz把html写成下面这样就好了
<div class="oo"><img src="http://zi.csdn.net/button(300x60)_3.jpg"></div>另外,文本元素,也可以通过判断element.nodeType == 3 来判断,并删除
第一个div不仅包含了一个img元素,还有一个文本元素(就是那个换行)
lz把html写成下面这样就好了
<div class="oo"><img src="http://zi.csdn.net/button(300x60)_3.jpg"></div>另外,文本元素,也可以通过判断element.nodeType == 3 来判断,并删除
不信你试试下边的代码<html>
<head>
<style type="text/css">
<!--.oo{
border:1px solid #000000;
width:328px;
height:240px;
}
-->
</style>
<script>
window.onload= function ss(){
var bian= document.getElementById("hh")
var xx=document.createElement("img")
xx.setAttribute("src","http://mat1.qq.com/ent/upday2008/06182.jpg")
bian.appendChild(xx)
}</script>
</head>
<body >
头部
<div class="oo">
<img src="http://mat1.qq.com/ent/upday2008/06182.jpg">
</div>底部
<br><br><br>
头部
<div id="hh" class="oo">
</div>底部
</body>
<img src="http://mat1.qq.com/ent/upday2008/06182.jpg">这里有个换行
</div>
创建元素却没有创建换行