未捕获的TypeError：无法调用未定义的方法'replace'

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：无法调用未定义的方法'replace'

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">');