javascript - .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;