如何在JavaScript中以编程方式获取HTML特殊字符的名称？

很遗憾地说，JavaScript本身并没有原生API可以直接获取任意字符对应的HTML实体名称，这也是你之前用的那个函数失效的核心原因。

先聊聊之前的函数为啥不好用 #

你提到的那个HtmlEncode函数，原理是借助DOM元素的innerText/textContent设置内容，再读取innerHTML来自动转义字符。但这种方式只会处理那些在HTML中有特殊语法意义的字符——比如&会被转成&，<转成<，因为这些字符会干扰HTML的结构解析。

而像$、§、©这类字符，它们在HTML里可以直接正常显示，不会影响语法解析，所以浏览器根本不会自动把它们转换成对应的实体名称（比如$、§），自然也就得不到你想要的结果。

那有没有可行的解决办法？ #

如果不想手动写映射表的话，其实没有完美的原生解决方案，但有两种相对靠谱的方式：

1. 使用维护完善的预定义映射表（最推荐）

这是目前最可靠的方式——找一份标准的HTML实体与对应字符的映射表，把它做成键值对的对象，然后写个简单的函数来匹配字符对应的实体名称。比如：

// 可根据需求补充更多标准HTML实体
const htmlEntityMap = {
  '$': '$',
  '§': '§',
  '©': '©',
  '&': '&',
  '<': '&lt;',
  '>': '&gt;',
  '"': '&quot;',
  '\'': '&apos;'
};

function getHtmlEntity(char) {
  // 有对应实体就返回，没有则返回原字符
  return htmlEntityMap[char] || char;
}

// 测试示例
console.log(getHtmlEntity('$')); // 输出 &dollar;
console.log(getHtmlEntity('§')); // 输出 &sect;
console.log(getHtmlEntity('©')); // 输出 &copy;

你可以从HTML标准文档中获取完整的实体列表，补充到这个映射表里，就能覆盖所有你需要的特殊字符了。

2. 间接的XML解析方法（局限性大）

有一种绕弯子的思路：创建XML文档，利用XML对实体的支持反向解析，但这种方法需要先知道实体名称才能找到对应字符，反过来从字符找名称操作很麻烦，而且很多非标准实体还不支持，实用性非常低，所以不推荐。

总结 #

如果想要稳定、准确地获取字符对应的HTML实体名称，最可行的方式还是用预定义的映射表——毕竟原生JavaScript确实没提供直接做这件事的工具。

内容的提问来源于stack exchange，提问作者user3815508