JavaScript如何实现类似insertAfter的功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计457个文字，预计阅读时间需要2分钟。
在现有的方法后插入一个新元素，你可能想知道：是否已有`insertBefore`方法，或者是否也提供了一个相应的`insertAfter`方法。遗憾的是，DOM没有提供直接的方法。下面是编写`insertAfter`函数的示例代码：
javascriptfunction insertAfter(newElement, referenceElement) { if (referenceElement.parentNode) { referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling); }}
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。
下面编写insertAfter函数，虽然DOM本身没有提供，但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。
本文共计457个文字，预计阅读时间需要2分钟。
在现有的方法后插入一个新元素，你可能想知道：是否已有`insertBefore`方法，或者是否也提供了一个相应的`insertAfter`方法。遗憾的是，DOM没有提供直接的方法。下面是编写`insertAfter`函数的示例代码：
javascriptfunction insertAfter(newElement, referenceElement) { if (referenceElement.parentNode) { referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling); }}
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。
下面编写insertAfter函数，虽然DOM本身没有提供，但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。