Question

$scope.names = ['Rob', 'Ned', 'Jon'];

javascript *也在＆＃34; otpt＆＃34;

上获取了只读jslint错误

<h1>TO-Do List</h1>
<input type="text" id="text1">
<input type="button" button name="btnAdd" value="+" class="btn btn-danger" onclick="addTask()"><br>
<ul id="addTask"></ul>

Answer 1

试试这个：

otpt.appendChild('text');这是一个错误的声明。
document.createTextNode(otpt)它会添加元素而不是输入的输入文本。
如果您需要添加输入值以附加li .call输入值以传递textNode。请参阅以下代码段

function addTask() {
    var otpt = document.createElement('li');
    var val =document.getElementById('text1').value;
    var text = document.createTextNode(val);
    otpt.appendChild(text);


    document.getElementById("addTask").appendChild(otpt);


}

<h1>TO-Do List</h1>
<input type="text" id="text1">
<input type="button" button name="btnAdd" value="+" class="btn btn-danger" onclick="addTask()"><br>
<ul id="addTask"></ul>

Answer 2

这样简单：

document.getElementById("addTask").innerHTML += "<li>" + text + "</h2>";

或者如果您将使用jQuery（也很简单）：

$("#addTask").append("<li>" + text + "</h2>");

Answer 3

1）问题在于：

document.createTextNode(otpt);

otpt不是文本值，它是li元素 2）此外，您需要使用otpt NOT text

将孩子附加到"text"

3）此外，您需要从输入字段中读取值。

您需要像这样修改代码：

＆＃13;

function addTask() {
            var otpt = document.createElement('li');
            text = document.createTextNode(document.getElementById('text1').value);
            otpt.appendChild(text);
            document.getElementById("addTask").appendChild(otpt);
  }

＆＃13;

    <h1>TO-Do List</h1>
    <input type="text" id="text1">
    <input type="button" button name="btnAdd" value="+" class="btn btn-danger" onclick="addTask()"><br>
    <ul id="addTask"></ul>

＆＃13;

尝试创建待办事项列表

3 个答案: