是否有一种方法可以使用Javascript在DIV中找到LAST元素的ID

Is there a way to find the ID of the LAST element within a DIV using Javascript?

本文关键字：DIV LAST ID 元素 Javascript 可以使 方法 一种 是否      更新时间：2023-09-26

我想我需要找到我的div中的最后一个元素的id，以便我可以使用javascript在它之后附加一个ul元素。这样做的原因是我的div中现有的/last ul是动态生成的，所以它的id可以是任何东西。

我已经尝试使用以下代码简单地将元素附加到div容器中，期望它将其放在末尾..

var container = document.getElementById("container");
var newUL = document.createElement("ul");
container.appendChild(newUL);
newUL.innerHTML = 'Hello';

但是由于某种原因，它将新的ul附加到div容器之外。有人知道为什么会这样吗?但也如何找到最后一个元素的id，以便我可以将它附加在最后一个元素之后?谢谢。

container.lastElementChild.id
但我认为你需要找到真正的问题。UL不能包含文本。它可能只含有锂元素。

最简单的方法是依赖Javascript框架，如jQuery来解决这个问题。

jQuery允许你用这段简单的代码回答你的情况:

$('#container').append(
  $('<ul></ul>').text('Hello')
);

EDIT:考虑arnaud576875的评论

您将ul元素的innerHTML设置为一个简单的字符串:'Hello';这是违反规定的。也许一个更好的测试是添加一些li元素:

newUl.innerHTML = "<li>One</li><li>Two</li>";
相关文章：