Javascript 如何获取img alt标记并在图像下显示为html？

我目前正在尝试从幻灯片上的每个图像中获取img alt标记，并将其用作幻灯片下方显示的标题

使用javascript和css有什么简单的方法可以做到这一点吗

提前谢谢你

以下是该网站的链接：

这是我写的HTML:

{.repeated section items}
{.if clickthroughhurl}{.or}{.end}
{.end}
普雷弗奈特

您可以使用简单的JavaScript执行此操作：

var img=document.getElementById（“imgGoogle”）；
document.getElementById（'divText'）。innerHTML=img.alt
您可以执行以下操作：

var myphotoCaption = $( "#photoid" ).attr( "alt");
$('.altHolder').append(myphotoCaption)

<img src="test.gif" alt="test gif"/>
<div class="altHolder"></div>

var myphotoCaption=$（“#photoid”）.attr（“alt”）；
$（'.altHolder'）.append（myphotoCaption）
如果不查看一些代码，很难准确地解决您的问题，但我可以在下面向您展示一些有关获取


然后，通过简单的JavaScript，我们可以查看每个图像，并将其
alt
属性的内容放入
元素中：

首先，找到我们的gallery容器以及其中的图像容器列表：

var gallery=document.getElementById（'gallery'）；
var imageContainers=gallery.getElementsByClassName（'image-container'）；

在图像容器中循环，找到
alt
属性，为它们创建
元素，将
alt
内容放入您创建的
中，最后将该
插入图像容器，与每个图像一起：

for（var i=0；i

看看小提琴在，看看这在行动

jQuery

使用相同的HTML模板，此jQuery将执行相同的工作：

//查找我们的gallery容器以及其中的图像容器列表：
var imageContainers=$（'#gallery'）。查找（'.image container'）；
//循环浏览图像容器：
$。每个（图像容器、函数（i）{
//在每个容器中查找图像：
var image=$（imageContainers[i]）.find（'img'）[0]；
//创建一个span元素-我们将使用它来放置标题：
var caption=document.createElement（'span'）；
//将我们在上面找到的图像中的alt标记粘贴到标题中
$（标题）.html（image.alt）；
//将标题插入图像容器：
$（imageContainers[i]）。追加（标题）；
});

在以下情况下采取行动：

希望有帮助-如果没有，请告诉我
 为此，您需要使用javascriptPlease发布您到目前为止所编写的源代码。这与下面的答案几乎完全相同。。。只是用jquery而不是直接的Javascript。很抱歉用几乎完全相同的东西回答，直到我发布后才看到你的东西。@Blake你已经展示了另一种做同样事情的方法！！那总是好的+1@SatwikNadkarny这是如此接近，但我的大问题是幻灯片中的每个图像都是不同的。是否可以使用img id以外的其他内容来获取此信息？或者以某种方式使它更广泛…@MalloryMan是的，这是可能的。让我更新我的答案以反映这一点。谢谢@SatwikNadkarny@MalloryMan我刚刚更新了我的答案，因为我混淆了一些JSFIDLE链接。抱歉，如果你已经访问了错误的链接-正确的链接已经包含在我上面的答案中了！谢谢你-我将用我输出的代码更新我的问题。它看起来很疯狂，但它的输出来自JSON数据等。