javascript - 尝试将元素添加到列表时“无法读取appendChild的属性”

Question

我正在尝试编写一个接受两个值的小脚本。一个是名称，另一个是密码。这是代码:

<textarea id="addName">Add a name</textarea>
<textarea id="addPass">Add a hashed password</textarea>
<button id="submit">
  Submit user
</button>
<ul>
  <li>Name: Nicolas
    <br>Password (hashed): aslkdjf1231lk1jlkj5l4k5j64
  </li>
</ul>
<script>
  document.getElementById("submit").onclick = function addUser() {
    var NAME = document.getElementById("addName");
    var PASS = document.getElementById("addPass");

    var unOrd = document.getElementById("ul");
    var newLi = document.createElement("li");
    unOrd.appendChild("newLi");

    var newText = document.createTextNode("Name: " + NAME.value + " Password (hashed): " + PASS.value);
    newLi.appendChild("newText");
  };
</script>

我以为把JS放在HTML最后，页面加载完后执行就可以解决问题了，结果还是返回:

"Cannot read property 'appendChild' of null".

Answer 1

ul 不是列表元素的 ID，而是标签名称。你可以这样得到它:

var unOrd = document.getElementsByTagName("ul")[0];