怎样让javascript动态创建的img网页元素放到指定的表格单元格里？

Question

var d1=document.createElement("img");  
    var d2=document.createElement("img");   
       d1.id="img1";
    d1.src="pic_sbdy/1.gif";
   d1.style.position="absolute"; 
   d1.style.left=300+"px";  
   d1.style.top=10+"px";
  document.getElementById("mytd").appendChild(d1);
我这样创建后，怎么它不在表格的单元格里呢？
   

Answer 1

在jquery中直接append 就可以了

Answer 2

指定位置为absolute了,去掉它
<script type="text/javascript">
window.onload=function(){
  var d1=document.createElement("img");  
  d1.id="img1";
  d1.src="pic_sbdy/1.gif";
  document.getElementById("mytd").appendChild(d1);
}
</script><table>
<tr>
<td id="mytd">xxx</td><td>111</td>
</tr>
</table>

Answer 3

  var d1=document.createElement("img");  
  var d2=document.createElement("img");  
  d1.id="img1";
  d1.src="pic_sbdy/1.gif";
  //d1.style.position="absolute"; 
  d1.style.left=300+"px";  
  d1.style.top=10+"px";
  document.getElementById("mytd").appendChild(d1);

Answer 4

可以的哟 <script type="text/javascript">
window.onload = function () {
document.getElementById('td1').appendChild(document.createTextNode('test')); var img = document.createElement('img');
img.src = 'http://www.baidu.com/img/baidu_logo.gif';
document.getElementById('td1').appendChild(img); }
</script><table border="1" cellpadding="1" cellspacing="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td id="td1"></td>
<td></td>
</tr>
</table>