此JavaScript代码有什么问题？

Question

var input = document.getElementById("myInput");
a.onkeydown = function() {
    if (a.value.match("hi")) {
        a.value.replace("hi", "span style='color:red;'>hi</span>");
    }
};

<input type="text" id="myInput" />

无需采取任何措施将红色的“ hi”替换为“ hi”。

Answer 1

除非您省略某些内容，否则变量a不会代表您的文本框。

Answer 2

您缺少跨度之前的开头<，只有一个。 另外，我不知道您是否可以在输入元素中嵌套HTML。 更好的方法是打开一个类/样式，如果值=='hi'，则使文本变为红色。

Answer 3

1. 您正在使用未在任何地方声明的变量a ，我假设您的意思是input
2. 更好的选择是使用onkeyup ，一旦您键入hi ，它将触发事件
3. 完成替换后，您需要将其分配给某些对象。
4. 确保<script/>在元素之后，以便元素在dom中准备就绪。

综上所述，您将获得：

<input type="text" id="myInput" />
<script type="text/javascript">
    var input = document.getElementById("myInput");

    input.onkeyup = function() {
      if (input.value.match("hi")) {
      input.value = input.value.replace("hi", "<span style='color:red;'>hi</span>");
    }
};
</script>

jsfiddle上的代码示例。