javascript - 这个 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

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 上的代码示例.