2

このコードからparentNode.tagNameを取得して、スタイルをliタグ付けすることはできません。

// path to catalog images
var img = $('.catalog ul li > img');
for (i = 0; i < img.length; i++) {
    var pic_real_width;
    // Make in memory copy of image to avoid css issues
    $("<img/>").attr("src", $(img[i]).attr("src")).load(function () {
        pic_real_width = this.width;

        if (pic_real_width > 500) {
            // this part of code not work
            var imageParent = this.parenNode.tagName = 'li';
            imageParent.style.width = '50%';
        }
    });
}
4

1 に答える 1

3

のparenNode代わりに がありparentNode、読み取り専用のそのプロパティに割り当てているようです。

    // ---------------------v             v---assignment won't work
var imageParent = this.parentNode.tagName = 'li';

親が欲しかっただけなら、 をいじる理由はありません.tagName。

var imageParent = this.parentNode;
imageParent.style.width = '50%';

<img>また、 DOMのどこに new を追加しているのかわかりません。追加されていない場合、親はありません。

元のイメージの親を取得するつもりだったのかもしれません。そのためには、各load()ハンドラーが現在のiorを閉じる必要がありimgます。これを実現するために使用できます.each()。

$('.catalog ul li > img')
    .each(function(i, img) {
        var pic_real_width;

        $("<img/>").attr("src", $(img).attr("src")).load(function () {
            pic_real_width = this.width;

            if (pic_real_width > 500) {
                var imageParent = img.parentNode;
                imageParent.style.width = '50%';
            }
        });
    })
于 2013-05-21T13:26:57.753 に答える