javascript - 如何找到字符串中特定单词的宽度和高度？

Question

我正在尝试用相同高度(或字体大小)和宽度的形式替换特定的无类单词，而不是整个字符串。即使我更改了 CSS，我也希望它能够工作。这是我的代码:

var magicWord = "abracadabra";

var width = $('#words').width();
var height = $('#words').height();

var x = width + "px"; 
var y = height + "px";


$('html').append("<form><input type='text' style='width: "+x+"; height: "+y+"; font-family: Courier;'></form>")

这是我更新的 fiddlicious 。我自己用replace()解决了这个问题。任何更高效的方法都将获得令人垂涎的绿色复选标记。

Answer 1

您必须拥有该单词的 DOM 标识符。你可以改变你的喜好:-

<span id ="words">Here is a bunch of <span> abracadabra </span> </span>

和 javascript 为

var magicWord = "abracadabra";

var width = $('#words span').width();
var height = $('#words span').height();

var x = width + "px";  
var y = height + "px"


$('html').append("<form><input type='text' style='width: "+x+"; height: "+y+"; font-     
family: Courier;'></form>")