Question

我有一个脚本可以生成一个<form>标签列表，里面有多个输入和按钮。我想在按钮上使用箭头（↑）但是当我写

时

buttonUp.value="&#x2191;";

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

Answer 1

使用具有button属性

的.innerHTML元素

document.querySelector("button").innerHTML = "&#x2191;"

<button></button>

或者，使用实际的“向上箭头”或“向上箭头”字符

document.querySelector("input[type=button]").value = "↑";

<input type="button" value="" />

Answer 2

我不建议你用JavaScript做这件事（像我这样的新手更难）。这很简单，只使用html。

示例：

<input type="submit" value="&#x2191; HELLO" style="border-radius:50px;" />
<button>&#x2191; HELLO</button>

如果您仍想使用js，guest271314的回复正在运行。

Here is the list of symbols on HTML(click)

PS。我还建议你使用Font Awesome，非常漂亮的图标。

请务必告诉我是否适合您。

我知道这不能回答你的问题，但我希望这对新手有用

Answer 3

您的解决方案代码存在问题 - 它只会逃避每个特殊字符的第一次出现。例如：

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, "&amp;")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

你也可以使用下面的代码

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

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

Answer 4

使用Unicode escape sequence。

buttonUp.value = "\u2191";

如何在javascript中使用像箭头一样的HTML符号？

4 个答案: