使用图像和文本动态生成HTML

时间:2011-10-06 16:42:01

标签: javascript html css dhtml

我正在尝试使用javascript,html和css动态插入图片和文本。

更具体地说,我想要实现的是能够插入x个图像和文本。图像将位于左侧,文本将位于图像的右侧。

我可以参考哪些图书馆或我应该如何开始?

1 个答案:

答案 0 :(得分:0)

您可能需要先创建所需的html。

所以,有一个图像,然后是三个图像,所以你有三个文件。

然后,您将看到使用javascript执行此操作,但您可以首先确定您的CSS是正确的,以及您正在寻找的。

这样,当您从javascript创建它时,您可以将您想要的内容与您生成的内容进行比较。

如上所述,jQuery是一个优秀的库,但是,除了你想要做的事情之外,它可能有点多,除非你有其他要求,除了创建页面。

如何将数据(例如)提供给页面,以便知道要生成什么?

如果您正在进行ajax呼叫,那将是另一项要求。

你是否期望当鼠标悬停在图像上或点击图像时会发生任何事情,这对于每个图像都是唯一的(例如它将是缩略图,鼠标悬停会变得更大)?那将是另一项要求。

如果您只想创建页面,那么只需使用简单的javascript进行操作,因为它很简单,为了使用jQuery,您仍然应该学习javascript。

更新:我注意到一个很好的评论,通过生成我假设您只是创建一个<img>标记,如果您动态生成图像,那么您将无法在html中执行此操作,您最终将使用<canvas>标记,然后问题是必须使用哪个版本的IE。