未捕獲的TypeError：無法調用未定義的方法“替換”

Question

var container = document.getElementById("f2");
text = text.replace(/\:\)/g, '<img src="images.jpg" border="0">');

在此代碼中出現此錯誤。
在函數的開頭， text定義為var 。 f2代碼在這里：

     <table style='width: 100%'>
        <tr>
        <td>

                     <textarea id="fname" class="span5 chattextarea" style="resize: none;"            cols="240" rows="13" disabled="disabled" style="float:centre" style="background-color: transparent" style="border: 3px dotted #f7730E;"></textarea>
   </td>
 </tr>
<tr>
   <td>
     <input type="text" id="f2" style="width: 440; height:100%"  class="chattextarea" autocomplete="off"  onkeyup="Javascript: if (event.keyCode==13) testChat();" placeholder= "Type your Message"></input>
 <input type="button" class="btn-success" style="width: 50px" value="Send" onclick="testChat()"></input>
  </td>

</tr>
</table>

未捕獲的TypeError：無法調用未定義的方法“替換”

Answer 1

您尚未在任何地方定義變量text 。

將text.replace()更改為container.innerHTML.replace()

而且我懷疑您以后想要這樣做

container.innerHTML = text;

以便您的container元素獲取圖像作為新內容。

Answer 2

var container = document.getElementById("f2").innerHTML;  // incase you use innerHTML
var text = container.replace(/\:\)/g, '<img src="images.jpg" border="0">');

如果它大約是元素f2的值，則

var container = document.getElementById("f2").value;  // incase you use value
var text = container.replace(/\:\)/g, '<img src="images.jpg" border="0">');