📜  删除上一行节点 - Javascript (1)

📅  最后修改于: 2023-12-03 14:50:18.153000             🧑  作者: Mango

删除上一行节点 - Javascript

在Javascript中,我们可以使用DOM API来对HTML文档中的节点进行操作。有时候我们需要删除一个节点,本篇文章将介绍如何删除上一行节点。

步骤
  1. 获取当前节点的父节点
  2. 获取当前节点的前一个兄弟节点
  3. 在父节点中删除前一个兄弟节点
const currentNode = document.getElementById('currentNode'); // 获取当前节点
const parentNode = currentNode.parentNode; // 获取当前节点的父节点
const previousSibling = currentNode.previousElementSibling; // 获取当前节点的前一个兄弟节点
parentNode.removeChild(previousSibling); // 在父节点中删除前一个兄弟节点
解释

在Javascript中,每个节点都有一个parentNode属性和previousElementSibling属性。parentNode属性表示当前节点的父节点,previousElementSibling属性表示当前节点的前一个兄弟节点。通过这两个属性和removeChild方法,我们就可以删除上一行节点了。

需要注意的是,在删除前要判断前一个兄弟节点是否存在。如果当前节点是第一个节点,那它就没有前一个兄弟节点,此时previousElementSibling属性会返回null。因此在删除前需要进行非空判断。

总结

以上就是删除上一行节点的方法。通过获取当前节点的父节点和前一个兄弟节点,并使用removeChild方法,可以轻松地删除上一行节点。需要注意的是,要判断前一个兄弟节点是否存在,否则有可能会引起错误。