选择javascript中的最后一个子项

我在一个未排序的列表上有一个句柄（例如，我将调用句柄Var1），并且希望能够将其最后一个li分配给一个变量。我尝试了

Lastli=var1.lastChild

我认为唯一可行的方法，但没有成功。我似乎无法仅使用Javascript而不是jQuery找到答案。非常感谢您的帮助。

试试这个：

.childNodes[childNodes.length-1]

您可以选择所有“li”并选择最后一个。比如：

var myLi = document.getElementsByTagName('li');
var lastLi = myLi[myLi.length-1];

---

ulReference.childrence[ulReference.childrence.length-1]

或

ulReference.childNodes[ulReference.childNodes.length-1]

。可以找到两者之间的差异

您可以选择父元素并使用lastChild属性

var container = document.getElementsByTagName("ul")[0];
var lastchild = container.lastChild;

或者选择数组中的所有项并获取最后一项。下面是一个简单的例子：

 var items = document.querySelectorAll("li");
 var lastchild = items[items.length-1];

---

让我们考虑一个例子

<ul >
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

假设需要第n个子项，则可以使用以下语法：

document.querySelector('li:nth-child(2)');  //it will return the second child (here Tea)

如果需要给定列表中的所有列表项：

document.getElementsByTagName('li') //(Will return the whole list)here i am using tagname. It can be also applied on classname or element id

---

请提供一些最小代码您没有获得最后一个

的原因可能是在其关闭

标记后有一些空白。如果您将结束标记保留在外面，您将能够以
ul.lastChild
；）的身份访问它谢谢大家！我忘了把它定义为第一个ul，尽管它是唯一的ul<代码>：：var x=document.getElementsByClassName（'listSection'）[0]。getElementsByTagName（'ul'）[0]；var2=x.lastChild；console.log（var2）无需为查询选择器选择所有项目，只需使用
document.querySelector（“li:last child”）
document.getElementsByTagName('li') //(Will return the whole list)here i am using tagname. It can be also applied on classname or element id