Question

我正在尝试为用户添加一个输入文本的字段，并将该文本添加到当前div中显示的新段落元素中。

但是，我收到[object]而不是用户输入。这是因为它还不是字符串值吗？我一直在尝试将我的对象转换为字符串，我一直在返回错误。

function addText(){
    var newParagraph = document.createElement('p');
    var input = document.getElementById('userInput');

    newParagraph.className = 'red';
    newParagraph.appendChild(document.createTextNode(input));
    document.getElementById('content').appendChild(newParagraph);
}

function getText(){         
        addText();
}

我使用输入ID“userInput”并使用onClick = "getText()"触发按钮上的功能。该脚本正常工作，除了返回[object]而不是userInput文本。

HTML：

<input type="text" id="userInput" />
<button id="button" onClick="getText()">Insert Text</button>

Answer 1

您需要获取输入的值，现在您将整个输入作为对象分配给var input，因此它应该是：

var input = document.getElementById('userInput').value;

将用户输入从文本框附加到新元素

1 个答案: