javascript - 使用 javascript 添加带有文本组件的 li 元素

Question

这就是我到目前为止所做的 - 但我还需要处理和清空评论，提交后清除字段并发布多个评论。其实我并不想要答案——只是提示我需要去哪里寻找以及我是否完全偏离了基地。

function registerClickHandler() {
   var commentButton = document.getElementByID('postComment');
   commentButton.onclick = addComment();
}

function addComment() {
    var list = document.getElementByID('commentList');
    var commentContent = document.getElementByID('comment')
    var newComment = document.createElement('li');

    newComment.appendChild(document.createTextNode(commentContent));
    list.appendChild(newComment);
}

<小时/>

<ul id='commentList'>
</ul>
<form>
   <input type='text' id='comment'/>
   <input type='button' id='postComment' value='Post'/>
</form>

Answer 1

看看这段代码working example ，基本上你有语法错误:

change all ocurrencies of getElementByID for getElementById

document.getElementByID('postComment');

对于

document.getElementById('postComment');

And call the function which define the click handler

registerClickHandler();

Get the value for the element

var commentContent = document.getElementById('comment').value;