javascript怎么得到一个字符串显示出来的宽度？

xinjinjie 2009-01-20 10:17:34

搜索了半天,求出字符串的length的倒是一下就找到了,显示宽的没能找到.

有没有类似delphi里的Canvs.TextWidth的函数?

请各位指点,拜谢~~~

...全文

1814 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhw_2009 2009-08-28

打赏
举报

3楼的代码我执行了阿，为什么不行呢，在 document.body.appendChild(span);
总通不过呢

lihan6415151528 2009-01-20

打赏
举报

用div span或者甚至td存放你的文字
js获取其width应该可以吧

王集鹄 2009-01-20

打赏
举报

明显 是html部分，不是脚本

明白原理自己就可以写了，就是用span标签赋值文本计算宽度，参考如下代码：

function textSize(fontSize, text) {

    var span = document.createElement("span");

    var result = {};

    result.width = span.offsetWidth;

    result.height = span.offsetWidth; 

    span.style.visibility = "hidden";

    document.body.appendChild(span);

    if (typeof span.textContent != "undefined")

        span.textContent = text;

    else span.innerText = text;

    result.width = span.offsetWidth - result.width;

    result.height = span.offsetHeight - result.height;

    span.parentNode.removeChild(span);

    return result;

}



var size = textSize("9px", "囧");

alert("宽：" + size.width + " 高：" + size.height);

xinjinjie 2009-01-20

打赏
举报

先谢谢2楼的朋友提供方法,不过其中有不太明白的地方请指点:
---------------------------------------------------------
 

var o=document.getElementById( "span ");
var oldWidth=o.offsetWidth;
o.innerText= "字符 ";
var width=o.offsetWidth-oldWidth;

alert(“宽：”+width)

--------------------------------------------------------------
其中的 是怎么在JavaScript里用的?
我加到JavaScript里后就卡死了

xinyung 2009-01-20

打赏
举报

http://topic.csdn.net/u/20070316/20/b77adc63-c440-4ede-9e5c-38bc4f2a8e97.html

xinjinjie 2009-01-20

打赏
举报

var span = document.createElement("span");
var result = {};

result.width = span.offsetWidth;
result.height = span.offsetWidth;

........

result.width = span.offsetWidth - result.width;
result.height = span.offsetHeight - result.height;

为什么要这么做呢?为什么不直接将text赋值给span,然后直接用赋值后的W和H呢?

xinyung 2009-01-20