Question

我正在动态创建一个列表，并且li元素内部具有输入类型文本。如何检查最后创建的li元素是否为空。因为我不希望用户不必要地创建li元素。当前我将警报输出作为[object HTMLLIElement]。我想输入文本。预先谢谢你。

                     function add_down(){

                       var node = document.createElement("LI");
                       var element = document.createElement("input");
                       element.type = 'text';
                       element.placeholder = "Enter name";
                       node.append(element);
                       var x = document.getElementById("start").lastChild;
                       alert(x);
                       document.getElementById("start").appendChild(node);

}

Answer 1

要获取li中的最后ul个内部文本，您可以执行以下操作：

html：

<ul id="list">
  <li><input type="text" /></li>
  <li><input type="input" /></li>
</ul>

点击我

javascript：

let list = document.getElementById("list")
let button = document.getElementById("click")

 button.addEventListener("click",function(){
 console.log(list.childNodes[list.childNodes.length-2].childNodes[0].value)
})

这是一支笔，用于检查代码https://codepen.io/khanChacha/pen/byabQe?editors=1011

如何在追加之前检查最后动态创建的li元素是否已填充到ul中

1 个答案: