首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS中怎么取得字符宽度

2012-03-22 
JS中如何取得字符宽度?HTML画面显示的时候,不同的字符占用的宽度是不同的。比如:1和W,汉字和半角数字。那么

JS中如何取得字符宽度?
HTML画面显示的时候,不同的字符占用的宽度是不同的。比如:1和W,汉字和半角数字。那么如何取得每个字符占用的宽度呢。

[解决办法]
如果要取得精确的宽度可能不容易,因为受字体等的影响

但有一个笨一点的方法,用一个HTML对象,如SPAN,先记录下SPAN的offsetWidth,位置把字符放到innerText,再取offsetWidth,这两个offsetWidth的差值就是字符的宽度

如:

<SPAN id=span style= "font-size:9pt "> </span>

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

alert(“宽:”+width)


以上未经过测试

热点排行
Bad Request.