javascript - 未捕获的类型错误：无法调用未定义的方法“替换”

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>

未捕获的类型错误：无法调用未定义的方法“替换”

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