HTML元素大小以字节为单位Javascript

Question

如何使用javascript以字节为单位获取HTML元素的大小？

我有一个代表对话的列表

<ul>
  <li>hello</li>
  <li>how are you?</li>
  <li>fine thanks</li>
  <li>nice to meet you</li>
  <li>nice to mmet you too</li>
</ul>

我想将该对话保存到localStorage，但localStorage限制为5MB，因此我需要知道列表的大小（以字节为单位）进行一些验证。

Answer 1

如果您尝试将元素转换为HTML，那么您可以为<ul>提供ID然后使用

var el = document.getElementById("convo");
var html = el.innerHTML;
window.alert(html.length);

或者，如果有很多标记并且您想要获取文本，则可以遍历li元素并仅提取文本并将其放入数组中。 JSON.stringify结果并得到它的长度。

编辑：

Javascript在内部使用UCS-2或UTF-16，两者都是16位编码。假设拉丁文本，<string>.length *2应该是一个相当准确的估计。