javascript仅在tumblr上远程工作

这个问题可能很小，但我就是想不出来。我目前正在研究自己的tumblr主题，但这个问题可能与tumblr没有太大关系

我尝试做的是一个for循环，检查图片是否小于500px宽。然后我想调整包含较小图像的div，使其具有背景和边框。这是html和脚本：

<div class="photo">
  <div class="image">
   <img class="post-image" alt="alt" src="img-source">
  </div>
</div>

<script type="text/javascript">
  var element = document.getElementsByClassName('image');
  var elements = document.getElementsByClassName('post-image');
  for (var i=0, c=0; i<elements.length, c<element.length; i++, c++) {
    if ($(elements[i]).width() < 499){
      $(element[c]).css({
        'padding-top'   :   16 + 'px',
        'padding-bottom':   10 + 'px',
        'background'    :   '#222222',
        'border'        :   1 + 'px solid #353535'
      });
    }
  }
</script>

var element=document.getElementsByClassName（'image'）；
var elements=document.getElementsByClassName（'post-image'）；
对于（var i=0，c=0；i当我通过控制台输入它时，它可以正常工作，所以我想说它调用得太早了。您需要等待页面完成加载，然后执行代码。因为您有jQuery，所以它就这么简单：

$(document).ready(function () {
    var element = document.getElementsByClassName('image');
    var elements = document.getElementsByClassName('post-image');
    for (var i = 0, c = 0; i < elements.length, c < element.length; i++, c++) {
        if ($(elements[i]).width() < 499) {
            $(element[c]).css({
                'padding-top': 16 + 'px',
                'padding-bottom': 10 + 'px',
                'background': '#222222',
                'border': 1 + 'px solid #353535'
            });
        }
    }
});

$（文档）.ready（函数（）{
var element=document.getElementsByClassName（'image'）；
var elements=document.getElementsByClassName（'post-image'）；
for（变量i=0，c=0；i
你在直播站点的控制台中发现错误了吗？你能提供一个链接让我们进行测试吗？我没有发现任何错误，而且..嗯..我的tumblr博客非常色情，所以我不确定是否“允许”我在这里发布它？我对Tumblt不太熟悉。但是出于安全原因，他们可能会删除你所有的javascript代码吗？只要由于您在链接中包含了一个警告，应该没问题。您完全可以在Tumblr主题中使用Javascript。