javascript - 我的函数不会向文档添加段落

Question

我正在尝试让按钮从文本输入添加段落

http://jsfiddle.net/3gf7tqvo/

JavaScript:

function addParagraph() {
    var textinput = document.getElementById("pageinput");
    var newParagraph = document.createElement("p");
    newParagraph.textContent = textinput;
    document.getElementById("updateDiv").appendChild(newParagraph);
}

document.getElementById('a').onClick = addParagraph;

HTML:

<button id='a'>Click Me!</button>
<input type="text" id="pageinput">
<div id='updateDiv'></div>

ฺ但是经过一个小时的挫折后，我不明白为什么它不添加该段落。

Answer 1

你犯了两个小错误:

1. 使用 textinput.value 而不是 textinput，如下所示:

   newParagraph.textContent = textinput.value;
   

2. 编写onclick而不是onClick，如下所示:

   document.getElementById('a').onclick = addParagraph;
   

<强> DEMO