我正在尝试在特定博客帖子中的图片上运行脚本。每个post div都由Blogger提供一个我想要获得的唯一ID。因为我只想在包含函数调用的帖子而不是整个页面上运行脚本，我希望函数基本上找到调用它的div的ID，将该ID存储为变量，然后将该变量传递给我的功能。
<script>
var scriptTag = document.scripts[document.scripts.length - 1];
var parentTag = scriptTag.parentNode;
</script>
这会返回正确的元素，但第二个我将它包装在function(){}中它不再起作用。如何从函数中分配这些变量，这样我就不会用一堆变量声明来混淆每个帖子的html？
其次，一旦我分配了这些变量，有没有办法使用存储在getElementByID方法中的值来实际选择元素？
var parentDivID = parentTag.id;
var postID = document.getElementByID(parentDivID); //can't figure out how to select using this as the variable
为了便于使用我喜欢它，如果我可以简单地将函数调用包装在脚本标签中，并在我需要使用它时将其粘贴在我的帖子的html末尾。
详情
我要运行的脚本在div中查找具有指定类的图像，并调整它们以适应并排放置，以便图像的外边缘完全填充div的宽度。
以下是涉及该脚本的问题：
Force dissimilar images to equal heights so combined widths fill fixed div
我想在任何我计划使用并排格式的帖子主体的末尾调用此脚本。我想在帖子的末尾而不是整个页面上调用它的原因是因为页面使用“无限滚动”而我担心在调整大小脚本已经运行的新事件之后加载帖子加载的帖子不会调整大小。
所以我希望函数能够找到包含调用的div的唯一ID，将其用作变量并要求脚本在某个类的div中查看该帖子，然后在这些div中查找用于图像标记并调整这些图像的大小。我希望这是有道理的。
以下是我希望帖子的html看起来像的例子：
<div style="width:500px; margin:auto;">
<div class="widthVal x2">
<a href="sample01.jpg"><img class="caption" alt="Caption 01" src="sample01.jpg" /></a>
<a href="sample02.jpg"><img class="caption" alt="Caption 02" src="sample02.jpg" /></a>
<a href="sample03.jpg"><img class="caption"alt="Caption 03" src="sample03.jpg" /></a>
</div>
<script> resizeMagic(); </script>
</div>
感谢您的帮助！