时间戳

首页 > 解决方案 > JS 获取文本和元素边界之间的可用空间

javascript - JS 获取文本和元素边界之间的可用空间

问题描述

有没有办法在文本和元素边界之间获得可用空间？

问题是下一个。我需要在输入标签中显示错误消息（按设计）。如果没有足够的空间，我需要显示一个可以悬停的图标并显示错误。

在此处输入图像描述

有没有办法做到这一点？

标签： javascriptmaterial-design

解决方案

因此，如果这是您的元素：

<div style="width:500px;" id="d">Birth settlement</div>

将文本放在一个范围内并计算父长度 - 子长度。

document.getElementById('l').textContent = document.getElementById('d').offsetWidth - document.getElementById('s').offsetWidth;
<div style="width:500px;" id="d"><span id="s">Birth settlement</span></div>
<span id="l"></span>

推荐阅读