gpt4 book ai didi

jquery - 通过jquery确定动态html元素的高度和宽度

转载 作者:行者123 更新时间:2023-12-01 08:19:58 25 4
gpt4 key购买 nike

假设我有一个 js 变量,并且我的 html 数据存储在其中,如下

var data = '<div id="tst">here will be my othere html</div>'

在这种情况下,我可以使用 jquery 确定 div tst 的高度和宽度吗?

有人给了我这样的解决方案

var $test = $(data).appendTo('body');
var size;

window.setTimeout(function(){
size = {
height: $test.height(),
width: $test.width()
};
$test.remove();
});

但是上面的代码看起来有点复杂。如果有人知道简单的解决方案,请给我一个示例代码。谢谢

最佳答案

这段代码就足够了:

//put html from variable at the end of <body>
var $test = $(data).appendTo('body');

//determine height and width and put into one variable for convenience
var size = {
height: $test.outerHeight(),
width: $test.outerWidth()
};

请注意,甚至没有必要使用size。您可以将其放入 2 个变量 widthheight 中。这只是个人喜好。

另请注意,我更喜欢使用 .outerHeight().outerWidth() 因为常规 .width()/.height() 不计算边框。由您决定您真正需要哪些;)

关于jquery - 通过jquery确定动态html元素的高度和宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7912234/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com