JavaScript:在放置之前检查<div>对象的宽度

Question

考虑:

$("#PlotPlace").append('<div style="position:absolute;left:200px;top:40px;font-size:smaller">Hello world!</div>');

我只有在结果文本的宽度小于60px时才需要执行该行.在放置物体之前如何检查宽度？

Answer 1

不幸的是,div只有在呈现到DOM中时才会有宽度值.

我会将该内容附加到文档的一个不显眼的区域,甚至可能绝对定位,以便不会发生流动中断,并确保将其设置为"visibility:hidden".这样它将被插入到DOM中并被渲染,但对于查看者来说是不可见的.

然后,您可以检查其宽度,并将其移动到位并在此处将其设置为"visibility:visible".否则,您可以从文档中删除它.