如何获取包含动态添加图片的div的高度？

要获取包含动态添加图片的div的高度，可以使用以下方法：

1. 使用JavaScript的方法：
   • 首先，获取到包含图片的div元素，可以通过id、class或其他选择器来获取。
   • 然后，使用offsetHeight属性来获取div的高度，该属性返回元素的像素高度，包括元素的边框、内边距和滚动条（如果存在）。
   • 如果图片是动态添加的，需要在图片加载完成后再获取div的高度，可以使用onload事件来监听图片加载完成的事件，然后在事件回调函数中获取div的高度。

示例代码：

var divElement = document.getElementById('yourDivId');

var imgElement = document.createElement('img');

imgElement.src = 'yourImageSrc';

imgElement.onload = function() {

 var divHeight = divElement.offsetHeight;

 console.log(divHeight);

};

divElement.appendChild(imgElement);

1. 使用jQuery的方法：
   • 如果你使用了jQuery库，可以使用height()方法来获取包含动态添加图片的div的高度。
   • 同样，需要在图片加载完成后再获取div的高度，可以使用onload事件或jQuery的load()方法来监听图片加载完成的事件。

示例代码：

var $divElement = $('#yourDivId');

var $imgElement = $('<img>').attr('src', 'yourImageSrc');

$imgElement.on('load', function() {

 var divHeight = $divElement.height();

 console.log(divHeight);

});

$divElement.append($imgElement);

请注意，以上代码只是示例，具体的实现方式可能会根据你的具体需求和项目环境而有所不同。