Question

    <div id="textfelder"></div>
<script>
if (!document.getElementById('command1')) {
    string = '<input type="text" id="command1">';
    document.getElementById("textfelder").innerHTML = string;
    }
if (!document.getElementById('command2')) {
    string = '<input type="text" id="command2">';
    document.getElementById("textfelder").innerHTML = string;
    }
if (!document.getElementById('command3')) {
     string = '<input type="text" id="command3">';
     document.getElementById("textfelder").innerHTML = string;
    }
if (!document.getElementById('command4')) {
     string = '<input type="text" id="command4">';
     document.getElementById("textfelder").innerHTML = string;
    }
</script>

这只会创建一个ID为“command4”的textarea。当我删除最后一个if语句时，脚本将使用ID“command3”创建textarea，但不会创建其他textareas。谢谢！：d

Answer 1

使用+=运算符代替=。

    <div id="textfelder"></div>
<script>
if (!document.getElementById('command1')) {
    string = '<input type="text" id="command1">';
    document.getElementById("textfelder").innerHTML += string;
    }
if (!document.getElementById('command2')) {
    string = '<input type="text" id="command2">';
    document.getElementById("textfelder").innerHTML += string;
    }
if (!document.getElementById('command3')) {
     string = '<input type="text" id="command3">';
     document.getElementById("textfelder").innerHTML += string;
    }
if (!document.getElementById('command4')) {
     string = '<input type="text" id="command4">';
     document.getElementById("textfelder").innerHTML += string;
    }
</script>

Answer 2

如果您不使用jquery，则应使用+=

document.getElementById("textfelder").innerHTML += string;

希望它有所帮助。

Answer 3

根据您的代码。它是在textfielder中覆盖内容。尝试下面的代码来追加它。

document.getElementById("textfelder").innerHTML += string;

JavaScript脚本只创建一个textarea而不是4

3 个答案: