CSSのオーバーフローを使用せずにjqueryを追加した後でdivの高さを取得する方法

Question

CSSのオーバーフローを使用せずに、この最後の要素を追加した後でdivの高さを取得したいとします。

HTMLコード：

<div id="wall"></div> 

Javacriptコード：

var walldown = setInterval(walldownfn, 10000); 

    function walldownfn() { 

     $.post("/php/post.php", function(data, status){ 
      $("#wall").append(data+"<br>"); 

     }); 
     var awrap = document.getElementById("wall"); 
     alert(awrap); 
     } 

ALERT出力：

[object HTMLDivElement] or 0 height 

Ajaxのレスポンスデータは、HTMLコードです。

例：

<div class="card" style="width: 20rem;"> 
    <img class="card-img-top" src="..." alt="Card image cap"> 
    <div class="card-block"> 
    <h4 class="card-title">Card title</h4> 
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> 
    <a href="#" class="btn btn-primary">Go somewhere</a> 
    </div> 
</div> 

Answer 1

が$("#wall").height()を使用することにより、あなたはすべてのタイムラプスを取得divの絶頂コード怒鳴る（代わりに、アラートのコンソール）を参照してください

var walldown = setInterval(walldownfn, 1500); 
 

 
var returned_data = '<div class="card" style="width: 20rem;"><img class="card-img-top" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQythd0ly14qbZd7YEJ9WreTX4-dBQw7vfGS33ZXbTQRJjE1AHITKZE5g" alt="Card image cap"><div class="card-block"><h4 class="card-title">Card title</h4><p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p><a href="#" class="btn btn-primary">Go somewhere</a></div></div>'; 
 
function walldownfn() { 
 

 
    $.post("https://httpbin.org/post", {text:returned_data},function(data, status){ 
 
     $("#wall").append(data.form.text); 
 
     console.log("height : "+$("#wall").height()); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="wall"></div>

Answer 2

はこれを試してみてください。

var walldown = setInterval(walldownfn, 10000); 

function walldownfn() { 
    $.post("/php/post.php", function(data, status){ 
     $("#wall").append(data+"<br>"); 
     alert($("#wall").height()); 
    }); 
}