Question

我需要使用＆＃39; insertbefore＆＃39;用于在有序列表中添加新单词，但不知道如何更改预定义单词＆＃34; water＆＃34;任何可选词。

代码

function myFunction() {
    var newItem = document.createElement("li");
    var textnode = document.createTextNode("water");
    newItem.appendChild(textnode);

    var list = document.getElementById("Course registration");
    list.insertBefore(newItem, list.childNodes[0]);
}

Answer 1

如果您在文本框中添加名称，则可以执行以下操作。请注意，此答案并未考虑排序，只是插入。

<div id="myDIV" class="header">
 <input name="txtboxName" type="text" id="myInput" placeholder="Add a task here">
  <button onclick="myFunction()">Add</button>
</div>

<ol id="Course registration">
  <li>Register to full Stack Web Course</li>
  <li>Attend Selection Day</li>
  <li>Go see X-Men apocalypse movie</li>
</ol>

<script>
function myFunction() {
    var newItem = document.createElement("li");
    var textnode = document.createTextNode(document.getElementsByName('txtboxName')[0].value);
    newItem.appendChild(textnode);

    var list = document.getElementById("Course registration");
    list.insertBefore(newItem, list.childNodes[0]);
}
</script>

＆＃34;的insertBefore＆＃34;在HTML中的功能

1 个答案: