Javascript 如何获得第一张图像并使其成为新的div？

在我的主页的帖子部分有以下代码：

<script>
function bp_thumbnail_resize(image_url,post_title)
{
  var show_default_thumbnail=true;
  if (show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
  image_tag='<img src="'+image_url.replace('/s72-c/','/')+'" class="postimg" alt="'+post_title+'"/>';
  if(image_url!="") return image_tag;
  else return "";
}
</script>
<script>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

函数bp_缩略图_调整大小（图像_url、帖子标题）
{
var show_default_thumbnail=true；
如果（显示默认缩略图==true&&image\u url==“”）image\u url=default\u缩略图；
图像_标签=“”；
如果（image\u url！=“”）返回image\u标签；
否则返回“”；
}
写入（bp_缩略图_调整大小（“，”）；

它会在文章中创建图像的缩略图。但是它加载拇指和图像-我用

隐藏了.post img{display:none；}

-但是加载时间现在慢了3倍，因为它生成了3个大小的拇指+原始隐藏图像。我想删除拇指，但我仍然需要拿起第一个图像src，并创建一个div来对其进行个性化设置

---

我怎么做？（网站是www.hitsebeats.info）

顺便说一句，JS确实需要更好地格式化，

document.write

被类似jQuery方法的东西取代。这将使将来的调试变得更容易。是否有任何方法只使用JS，我就可以拾取第一个图像并给它一个新类，这样我就可以在主屏幕上进行个性化设置？