如何在添加jquery後添加div高度而不使用css溢出

Question

我想要在添加最後一個元素之後獲取div高度，而不使用css溢出。

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); 
     } 

報警輸出：

[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()你讓每一個延時股利HIGHT見代碼波紋管（控制檯，而不是警告）

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()); 
    }); 
}