将用户输入从文本框追加到新元素
appending User Input from a textbox to a new element
我正在尝试添加一个字段供用户输入文本,并将该文本添加到我当前div 中显示的新段落元素中。
但是,我接收的是 [对象] 而不是用户输入。这是因为它还不是字符串值吗?我一直在尝试将我的对象转换为字符串,但不断返回错误。
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();
}
我正在使用"userInput"的输入 ID 并使用 onClick = "getText()"
触发按钮上的函数。脚本工作正常,但返回 [对象] 而不是用户输入文本。
.HTML:
<input type="text" id="userInput" />
<button id="button" onClick="getText()">Insert Text</button>
您需要获取输入的值,现在您将整个输入作为对象分配给var input
,因此它应该是:
var input = document.getElementById('userInput').value;
相关文章:
- 为什么可以't我访问Angular创建的新DOM元素
- 如何在数据数组的每次迭代中创建一个内容为“i+1”的新 HTML 元素
- 通过 jQuery 添加新记录元素
- 在 jquery 可排序后定义
- 元素
- 元素的索引
- 元素
- 单击新 DOM 元素不起作用的事件
- 固定添加新消息(元素)后的位置视图内容
- jQuery 委托加载新创建元素的事件处理程序
- React不是更新元素,而是用相同的reactid创建新的元素
- "$(文件);在事件stopPropagation之后不触发$(a) 在“;而不触发新的元素
- 新html元素的旧javascript函数
- 无法获取新创建元素的高度
- DOM中的新SVG元素,通过JavaScript添加,直到鼠标up才呈现
- 从页面加载时的新输入元素获取值
- AngularJS函数不知道$compile后的新dom元素
- 为什么我可以't为我的新select元素创建ID吗
- 通过JavaScript/jQuery将页面保存为包含新添加元素的HTML文件
- 如何在添加新的元素集之前删除以前创建的元素
- 为什么Capybara不匹配AJAX调用后插入的新DOM元素
- 新创建元素上的Javascript onclick事件
- 在不添加新标签/元素的情况下向属性添加描述(用于屏幕阅读器)