2013-07-20 69 views
0

我試圖獲取輸入的值,並使用值中的文本創建元素。我不知道爲什麼這不起作用。使用輸入值創建跨度

(是的!我調用的函數。只是沒有貼jQuery的回車鍵碼。)

<input type="text" id="user-input"/> 

function submitUserMessage(){ 
    var message = document.getElementById("user-input"); 

    if(message.value){ 
     var userMessageElement = document.createElement("span"); 
     var userMessageElementText = userMessageElement.createTextNode(message.value); 
     userMessageElement.appendChild(userMessageElementText); 
     userMessageElement.className = "umsg"; 
     userMessageElement.style.backgroundColor = "#fff"; 
     document.body.appendChild(userMessageElement); 
    } 
} 
+1

所以你說你」重新使用jQuery? – adeneo

回答

1

必須調用document.createTextNode()代替userMessageElement.createTextNode()