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標記。