Question

我一直在看它，我看不出新李没有加入的原因。我正在尝试将li元素添加到列表中，但由于某种原因，我无法设法执行此操作

function myFunction() {
  var thelist = document.getElementById("myOl");
  var newli = document.createElement("li");
  newli.text = "mytext";
  thelist.add(newli);
}

<ol id="myOl">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<button onclick="myFunction()">Try it</button>

Answer 1

function myFunction() {
   var thelist = document.getElementById("myOl");
   var newli = document.createElement("li");
   newli.textContent = "mytext";
   thelist.appendChild(newli);
}

<ol id="myOl">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<button onclick="myFunction()">Try it</button>

Answer 2

试试这个：

newli.innerText = "mytext";
thelist.append(newli);

您的错误是使用.text代替.innerText或.innerHTML并使用错误的函数add代替append

编辑：根据@Barmar

，.textContent优于innerText

Answer 3

您可以创建一个li节点，然后创建一个文本节点，然后将文本附加到li，该文本将附加到ul

function myFunction() {
  var li = document.createElement("LI");
  var newli = document.createTextNode("text");
  li.appendChild(newli);
  document.getElementById("myOl").appendChild(li);
}

<ol id="myOl">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<button onclick="myFunction()">Try it</button>

新李无法添加

3 个答案: