javascript - 텍스트 영역 값에서 무제한 새 div 만들기

Question

사용자가 게시물을 제출할 수있는 텍스트 영역이 있습니다. 아약스를 사용하여 데이터베이스에 삽입하고 있지만 텍스트 영역 아래에 새 div를 만들고 싶습니다. 히트 제출, 그래서 그들은 그것이 작동 알 수 있습니다.

var text = document.getElementsByName(name)[0].value; 
    // $.post("../parsers/new_text.php", { text: text }); 
    var area = document.getElementsByName(name)[0]; 
    area.value = ""; 
    var div = document.createElement("div"); 
    div.appendChild(text); 
    var elem = document.getElementById("texts"); 
    elem.appendChild(div); 
    document.body.appendChild(elem); 

이것은 내가 지금까지 무엇을하고, 모든 area.value="";까지 작동하지만 그것이 내가 누구의 ID "텍스트"있는 텍스트 영역 아래에있는 사업부 내 새로운 사업부를 만드는 아니에요. 내가 뭘 잘못하고 있는지 모르겠다.

Answer 1

createTextNode()으로 텍스트 노드를 만들고 div 요소에 추가해야합니다. 일반 text 문자열을 추가하면 작동하지 않습니다. 다음은 작동하는 fiddle입니다.