javascript - 如何将特殊字符 ³ 附加到 JavaScript 中的另一个字符串而不将 & 转换为 &？

Question

我试图向 input 占位符显示上标，如下所示:

<input type="text" class="form-control-file" placeholder="12 in&#179;" onfocus="this.placeholder = ''" onblur="this.placeholder = '12 in&#179;'">

在我的 js 中，我动态创建这个 dom 输入，如下所示:

var inputelem = document.createElement('input');
var placeholderTextFromBackend = "Some text";
inputelem.classList.add("form-control-file");
inputelem.setAttribute("type", "text");
inputelem.setAttribute("placeholder", placeholderTextFromBackend + "³");
inputelem.setAttribute("onfocus", "this.placeholder = ''");
inputelem.setAttribute("onblur", "this.placeholder = '12 in³'");

但在 HTML UI 中，³ 正在转换为 ³

如何解决此问题并停止 & 自动转换为 &？

Answer 1

您可以使用该字符的 unicode 版本

var inputelem = document.createElement('input');
var placeholderTextFromBackend = "Some text";
inputelem.classList.add("form-control-file");
inputelem.setAttribute("type", "text");
inputelem.setAttribute("placeholder", placeholderTextFromBackend + "\u00B3");
inputelem.setAttribute("onfocus", "this.placeholder = ''");
inputelem.setAttribute("onblur", "this.placeholder = '12 in\u00B3'");