.innerHTML无法正常工作（我猜）

Question

我使用.innerHTML在textarea中添加文字。但如果我开始编辑textarea中的文本，我自己的脚本就会停止工作。

这是：

(function($){
addPort = function(name) {
    switch(name) {
    case 'name1':
        var code = "text1"; 
        break
    case 'name2':
        var code = "text2";
        break
    case 'name3':
        var code = "text3";
        break
    default:
        break
    }
    document.getElementById("codeArea").innerHTML += code;
}; })(jQuery);

不要关注jQuery。其他一些功能使用它。

这是textarea：

<textarea id="codeArea" name="codeAreaPost"></textarea>

感谢。

Answer 1

它只是用值属性

替换innerHTML

document.getElementById("codeArea").value

不是innerHTML

Answer 2

innerHTML会将值解析为HTML，并使生成的DOM成为文本区域的子项。这不是你想要的。请改为使用value属性：

document.getElementById("codeArea").value += code;