Javascript太慢了嗎？

Question

我正在嘗試讀取圖像的大小並調整其邊距（如果其高度大於150）。 但是運行此代碼時，控制台中始終會顯示“ 0”：

        var coverImg;
        coverImg = document.getElementById('userCover');

        $.ajax({
                type: "POST",
                url: 'code/submit/submitGetUserData.php',
                data: {id: userID, what: 'all'},
                async: false,
                success:function(data,status){
                    var dataArray = data.split(',');

                    document.getElementById('userAvatar').src = dataArray[0];
                    coverImg.src = dataArray[1];
                    $('#userName').text(dataArray[2]);
                },
                error: function(){
                    alert("error occured");

                },
                complete: function(){
                    console.log(coverImg.height);

                    if(document.getElementById('userCover').height > 150)
                    {
                        var regulate = 0;
                        regulate = (coverImg.height - 150) / 2;
                        regulate = regulate * (-1);



                        coverImg.style.marginTop = regulate;
                    }
                }
        });

JS是否太慢而無法讀取height屬性？

我希望有一個人可以幫助我！

Answer 1

將當前放置在complete代碼中的代碼移到coverImg.onload處理程序中。 例如：

coverImg.onload = function() {
   if(document.getElementById('userCover').height > 150) {
     var regulate = (150 - this.height) / 2;
     // ...
   }
}
coverImg.src = dataArray[1];

...因為瀏覽器只有在<img>元素完全加載后才能確定其高度-並在此之前觸發complete回調。