此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上的代碼示例。