如何在javascript中使用箭头等HTML符号？

我有一个脚本，它生成一个标签列表，里面有多个输入和按钮。我想用箭↑ 在按钮上但是当我写的时候

buttonUp.value="↑";

它不起作用。 而不是显示↑, 该按钮在页面上显示原始代码。 如何使箭头显示在按钮上？

使用具有.innerHTML属性的button元素

document.querySelectorbutton.innerHTML=&x2191； 使用按钮元素，该元素具有.innerHTML属性

document.querySelectorbutton.innerHTML=&x2191；

---

您的解决方案代码有问题，它将仅转义每个特殊字符的第一次出现。例如：

escapeHtml('Kip\'s <b>evil</b> "test" code\'s here');
Actual:   Kip&#039;s &lt;b&gt;evil</b> &quot;test" code's here
Expected: Kip&#039;s &lt;b&gt;evil&lt;/b&gt; &quot;test&quot; code&#039;s here

以下是正常工作的代码：

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

你也可以使用下面的代码

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#039;'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

---

您的解决方案代码有问题，它将仅转义每个特殊字符的第一次出现。例如：

escapeHtml('Kip\'s <b>evil</b> "test" code\'s here');
Actual:   Kip&#039;s &lt;b&gt;evil</b> &quot;test" code's here
Expected: Kip&#039;s &lt;b&gt;evil&lt;/b&gt; &quot;test&quot; code&#039;s here

以下是正常工作的代码：

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

你也可以使用下面的代码

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#039;'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

使用一个

buttonUp.value=\u2191

使用

---

buttonUp.value=\u2191

对于像我这样的新手，我不建议你用JavaScript来做这件事，因为这样做比较困难。这很简单，只使用html

例如：

---

&x2191；您好我不建议您对像我这样的新手使用JavaScript，因为这样做比较困难。这很简单，只使用html

例如：

---

&x2191；HELLOOP并不是试图转义html，而是试图在按钮中使用html实体。HELLOOP不是试图转义html，而是试图在按钮中使用html实体