Javascript：没有HTML标记的字符串长度

Question

我有一个包含HTML和我自己的特殊标记的文本。 在我打印文本之前，我需要知道它的长度，所以我可以产生适当的语音泡沫。

我试图获得字符串的实际长度，但我无法获得所有特殊标记的长度。

他是这个字符串的一个例子

var text = 'Lorem ipsum dolor sit amet [T1]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam accumsan elit, non vestibulum ex venenatis vitae. <br /><br />[D|1000] Hesitulus <br /> <span class="important"> l[D|100]o[D|100]r[D|100]e[D|100]m</span> <br /> var text = 'Lorem ipsum dolor sit amet [T1]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam accumsan elit, non vestibulum ex venenatis vitae. <br /><br />[D|1000] Hesitulus <br /> <span class="important"> l[D|100]o[D|100]r[D|100]e[D|100]m</span> <br /> '

我试图使用正则表达式获取所有“[]” - 类型子串的长度，但我不是那个的主人，我只失败了第一个。 尝试了几个选项，但没有成功。

var allMyMarkup = text.match( /(\[.*?\])/); // selecting only the first code

如何获得我的模式的所有出现？

Answer 1

使用如下所示的'g'修饰符：

text.match( /(\[.*?\])/g)

g modifier指的是'global'，这意味着，找到所有匹配，而不仅仅是第一个匹配。

Answer 2

采用：

document.querySelector('.your_element').innerHTML.length;

innerHTML方法剥离HTML标记。