[英]How do I check if the last dynamically created li element is filled in a ul before appending
I am creating aa list dynamically , and the li elements have input type text inside. 我正在动态创建一个列表,li元素里面有输入类型文本。 How do I check if the last created li element is empty or not.Because I dont want the user to unnecessarily create li elements.Currently I get the alert output as [object HTMLLIElement].I want to get the text entered.
如何检查最后创建的li元素是否为空。因为我不希望用户不必要地创建li元素。目前我将警报输出作为[object HTMLLIElement]。我想要输入文本。 Thank you in advance.
先感谢您。
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);
} }
To get last li
inner text in a ul
you can do this: 要获取
ul
最后一个li
内部文本,您可以执行以下操作:
html: HTML:
<ul id="list">
<li><input type="text" /></li>
<li><input type="input" /></li>
</ul>
click Me 点击我
javascript: 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)
})
Here is a pen to check the code https://codepen.io/khanChacha/pen/byabQe?editors=1011 这是一支检查代码的笔https://codepen.io/khanChacha/pen/byabQe?editors=1011
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.