【问题标题】：Creating a div using JavaScript/Dom and a textarea使用 JavaScript/Dom 和 textarea 创建 div
【发布时间】：2015-07-01 12:31:24
【问题描述】：

我有这段代码，但它没有按我想要的方式工作。我希望它在每次单击按钮时在另一个下创建一个新的 div，但它只是更改 div 的内容。帮助

<!DOCTYPE html>
<html>
<head>
<style>
p{
background-color: red;
font-family: arial;
}
</style>
</head>
<body>

Name: <textarea id="myText" value=""></textarea>

<button type="button" onclick="myFunction()">Enviar</button>

<div id="demo"></div>

<script>
function myFunction() {
    var x = document.getElementById("myText");
    var defaultVal = x.defaultValue;
    var textoComentario = x.value;

    if (defaultVal == textoComentario) {
        alert("Digite um comentário!");
    } else {
           document.getElementById("demo").innerHTML =  "<p>" + textoComentario + "</p>";
        x.value = "";

    }
}
</script>

</body>
</html>

【问题讨论】：

Java != JavaScript
去掉java标志
document.getElementById("demo").innerHTML +=
泽，谢谢。它工作:)
1) 文本区域如何影响您的场景？ 2) 据我了解，您的问题是“如何在其他 html 元素之后附加一个 html 元素？”查看现有答案：stackoverflow.com/questions/4793604/…stackoverflow.com/questions/7258185/…

标签： javascript html dom

【解决方案1】：

您可以更轻松地尝试使用 jquery：

 $('<div/>').html(textoComentario).appendTo('#demo');

编辑

您也可以使用带有 createElement 的纯 JavaScript 来制作它：

http://www.w3schools.com/jsref/met_document_createelement.asp

祝你好运！

【讨论】：

【解决方案2】：

我想你正在寻找这个：

WORKING:DEMO

HTML

NO CHANGE

CSS

NO CHANGE

JS/JQuery

function myFunction() {
    var x = document.getElementById("myText");
    var defaultVal = x.defaultValue;
    var textoComentario = x.value;
    alert(textoComentario);

    if (defaultVal == textoComentario) {
        alert("Digite um comentário!");
    } else {
           $("#demo").css("display","block");
           $("#demo").append("<p>" + textoComentario + "</p>");
        x.value = "";

    }
}

【讨论】：

【解决方案3】：

更换你的

document.getElementById("demo").innerHTML =  "<p>" + textoComentario + "</p>";

转入$('#demo').append("<p>" + textoComentario + "</p>");

它会起作用的......

【讨论】：