如何检查元素是否是没有JQuery的最后一个孩子

我有一个纯JavaScript脚本,它带有一个onclick事件,它在决定做什么之前检查下一个兄弟的值。 如果单击的元素是其容器中的最后一个元素(因为访问nextSibling),将导致错误。 我需要首先检查点击的元素是不是容器中的最后一个元素,但似乎无法找到如何。

注意:我不认为这是重复的。 关于检查一个元素是否是最后一个孩子的问题有很多,但是所有的答案都是一般性使用JQuery的答案。


您可以在元素上使用.nextSibling属性,并查看它是否回到空(未定义等)。


您可以使用node.lastChild属性

Node.lastChild只读属性返回节点的最后一个子节点。 >如果它的父元素是一个元素,那么该子元素通常是元素节点,>文本节点或注释节点。 如果没有子元素,它将返回null。

var tr = document.getElementById("row1");
var corner_td = tr.lastChild;

你得到的错误应该是某种can't set property on undefined

您只需检查下一个元素是否存在:

if (typeof element.nextSibling === "undefined")
    return;
链接地址: http://www.djcxy.com/p/76657.html

上一篇: How to check if element is last child without JQuery

下一篇: difference between null and undefined in JavaScript?