Javascript -如何在表中定位图像

Question

我试图将“随机”图像定位到一个表列中。基本上，我是根据页面加载的秒来选择图像的，这样就有60幅图片可用了。图像选择并显示，但自己定位在页面边缘，而不是表格边缘。

我绕着圈转。请对如何实现这一点有任何提示吗？我正在用HTML4写作--我对HTML5知之甚少。图像宽度大小为480 in，表中的列宽度为615 in。

这是我的密码。一些调试器被删除了。

谢谢马廷

引言

​

​

<script>

var d = new Date();
var n = d.getSeconds();
var n = "hdrimages/"+n+".jpg"
var img = document.createElement("img");
img.src = n

//document.getElementById("hdrimage").innerHTML = img.src;
//document.getElementById("hdrimage").style.cssFloat = "right";
//hdrimage.style.float = “right”;

document.body.appendChild(img);

</script>

​

</td>
<td width="40%" align="left" valign="top"> 
<h2>Upcoming Events</h2>
<hr>
<h2>News</h2></td>

Answer 1

你可以做如下的事情

<table>
  <tr>
    <td id="img-cell"></td>
  </tr>
</table>

在JS部分，你可以做到

document.getElementById('img-cell').appendChild(img);

Answer 2

这是因为您将图像追加到主体，而不是表元素。

Answer 3

当前代码只将图像添加到body标记的末尾。您需要将图像添加到表数据单元格标记中。要做到这一点，给您的表数据单元格一个id，以便您可以找到它，然后它很容易添加：

<td id="myawesometabledatacell" width="40%" align="left" valign="top"> 
  <h2>Upcoming Events</h2>
  <hr>
  <h2>News</h2>
</td>

<script>
var d=new Date();
var n=d.getSeconds();
var n='hdrimages/'+n+'.jpg'
var img=document.createElement('img');
img.src=n
document.getElementById('myawesometabledatacell').appendChild(img);
</script>

我希望这能帮到你。