使用输入值创建跨度

时间:2013-07-20 06:22:31

标签: javascript append createelement createtextnode

我正在尝试获取输入的值,并创建一个带有值文本的元素。我不知道为什么这不起作用。

(而且,是的!我调用了函数。只是没有发布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 个答案:

答案 0 :(得分:1)

您必须致电document.createTextNode()而不是userMessageElement.createTextNode()