Javascript

Question

我正在尝试将 'random' 图像定位到 table 列中。基本上，我 select 基于页面加载的第二个图像 - 所以有 60 张图像可用。图像 select 显示并显示，但位于页面边缘而不是 table 边缘。

我在兜圈子。关于如何实现这一目标的任何提示？我在 HTML4 写作 - 我对 HTML5 知之甚少。图片宽度尺寸为480px，table中的列宽为615px。

这是我的代码.. 注释掉了一些调试。

谢谢马丁

简介

<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 元素

Answer 2

您可以执行以下操作

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

在 JS 部分你可以做

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

Answer 3

您当前的代码仅将图像添加到 body 标记的末尾。您需要将图像添加到 table 数据单元格标记。为此，请为您的 table 数据单元格提供一个 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>

希望对您有所帮助。

Javascript - 如何在 table 中定位图像

Javascript - how to position image in a table

image

html4

简介