如何查找由DOM呈现的文本的宽度？

我试图找到HTML呈现的文本的宽度。这里的问题的小提琴：如何查找由DOM呈现的文本的宽度？

的代码Key行不行：

var textWidth = $("#text").width();

我不知道为什么这个代码不给我用了许多该文本的宽度。我需要它，以确保我的网页显示的文字始终与特定图像的宽度相同，即使文字是动态的（计时器）并且可以更改。

来源

2017-08-27 Catlard

divs默认显示类型为“block”，因此它们的最大宽度可以放入父级。你需要使用“inline”或“inline-block”显示样式。 –

这是因为你havnt加入您的网页上jQuery和您尝试使用$使用jquery，你的代码是扔是$没有定义的错误..

Kindly add jquery in the head of your application.

下面是工作用的HTML代码。

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#text { 
    position: relative; 
    color: #81a136; 
    font-size: 50px; 
} 
</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    try{ 
     var textWidth = $("#text").width(); 
     } 
     catch(e) 
     { 
     alert(e); 
     } 
     document.getElementById('answer').innerHTML = textWidth 
}); 
</script> 
</head> 
<body> 

<div id="text"> 
    Hi, I have a width. 
</div> 

<div id="answer"> 

</div> 

</body> 
</html>

来源

2017-08-27 16:55:01

如果这有帮助，请将其标记为答案。与小绿色刻度图标。 –

如何查找由DOM呈现的文本的宽度？

回答

相关问题