当文本具有特殊字符时,offsetWidth计算不正确
offsetWidth not calculated properly when text has a special character
我正在为我的场景查找文本宽度。这是我的代码(简单示例)
var text = "Country <textinbrackets> and some following text";
var textObj = document.createElement('text');
$(textObj).attr({ 'id': 'measureTex'});
document.body.appendChild(textObj);
textObj.innerHTML = text;
alert("Text Width:" + textObj.offsetWidth + " " + "Text Height:" + textObj.offsetHeight);
当我在文本中使用标记(<>)时,它没有被考虑( 示例链接:http://jsfiddle.net/W4Km8/7047/ 如何解决?
这是因为<textinbrackets>
已被呈现为html元素。如果您检查文本,您会看到<textinbrackets>
是一个html元素。
只需将"<"替换为
<
和">"带
>
所以,你的文本看起来像
var text = "Country <textinbrackets> and some following text";
如果您不想更改文本,请使用此选项。
textObj.innerText = text;
相关文章:
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 根据元素和容器大小计算边距
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 使用D3.js计算带有字母间距的文本长度
- 使用CSS或JavaScript计算分页符的数量
- 可以't计算自定义谷歌地图的js
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- JavaScript计算帮助(乘以时间)
- 如何计算对象文字中的键
- JavaScript循环无法正确计算/显示结果
- 与域在同一台计算机上运行的NODEJS服务器的CORS错误
- 四舍五入JavaScript计算
- 计算HTML中的页数
- 使用jQuery计算数组中的对象以更改进度条
- 如何在jquery中使用实时计算求和值
- 计算多个项目的价格
- 计算CSS3缩放框在另一个框中的最高位置
- 如何计算二十面体的法线
- 当文本具有特殊字符时,offsetWidth计算不正确
- offsetHeight和offsetWidth在第一次onclick事件时计算错误,而不是第二次