javascript - 在 Javascript 中查找文本的宽度

标签 javascript jquery css text width

<分区>

有没有办法在 Javascript(使用 jQuery,很高兴利用它们提供的任何功能)中找到隐藏元素的文本宽度?

我想要一个节点图。每个节点内部都有文本,我希望节点的宽度能够容纳文本的上限。所以我基本上创建了隐藏的 <div>里面有一些 html。然后我使用 jQuery 来显示那些 <div>在图表上的正确位置。提前知道正确的宽度很重要,这样我才能正确构建图表。

更新:澄清一下,我需要知道某些文本在隐藏时的宽度。 Blender 在下面给出了答案,我希望有一个不那么棘手的方法?

最佳答案

你指的是什么宽度?如果你的意思是 <div>元素的宽度,有一个方便的函数可以满足您的需要。尝试其中的一些:

$('#foo').width();
$('#foo').innerWidth();
$('#foo').outerWidth();

至于找到 width一个隐藏元素,我通常会做这个卑鄙的把戏:

var zIndex = $('#foo').css('z-index');

$('#foo').css('z-index', '-10');
$('#foo').css('position', 'absolute');
$('#foo').css('display', 'block');

var fooWidth = $('#foo').width();

$('#foo').css('display', 'none');
$('#foo').css('z-index', zIndex);

不过,一定有更简单的方法......

关于javascript - 在 Javascript 中查找文本的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5174646/

相关文章:

javascript - 如何让 console.log 输出 getter 结果而不是字符串 "[Getter/Setter]"?

javascript - 使用地址栏获取页面高度?

php - Woocommerce 允许选择一种变体

jQuery .click() 未正确绑定(bind)

javascript - 无需刷新页面即可显示本地存储变量

javascript - 根据子项的部分名称 id 隐藏父级 div

javascript - 拖放时更改表格行颜色

javascript - CSS 制作不同级别的 div。

html - 仅将 css 规则应用于父级

css - 如何在没有 rgba 的情况下仅在按钮文本颜色上设置不透明度?