Javascript 输出og:image标记的特定div的第一个图像url？

我希望标题是不言自明的

基本上我有下面的代码，我希望在我的.content div中获得第一个图像的URL，这样我就可以把它放在我的头的og:image标记中

<div class="content">
<img src="image1.jpg">
<img src="image2.jpg">
</div>

---

要从div中获取第一个

img

元素的

src

，并将该值放入元标记内容，请执行以下操作

//getting div 
var div = document.getElementsByClassName('content')[0];

//getting first img element  and it's src from div
var firstImgSrc = div.getElementsByTagName('img')[0].src;

//creating meta tag, assigned image source to content and appending into head tag
var meta = document.createElement('meta');
meta.content = firstImgSrc;
document.getElementsByTagName('head')[0].appendChild(meta);

---

$（'div.content>img:first child'）.attr（'src'）

或

$（'div.content>img）[0]。src

看起来不错，但我仍然不知道如何将图像url输出到此代码。即使在javascript中实现了这一点，爬虫程序和机器人程序也无法提取

og:image

，因为javascript在页面呈现后在客户端运行。您需要在服务器端解析页面并添加

og:image

。很高兴知道。反正也不能用。回到绘图板上。。。

var firstImgUrl = $('.content img:first-of-type').attr('src');