项目场景：

描述：做的项目需要生成一行script标签后使用完再删除这个标签，以保持文件的简洁
例如：再一个html里的生产一个script标签，使用完成后再删除这个script标签

问题描述：

提示：删除的时候报错：the node to be removed is not a child of this node：

<script>
export default {methods: {addScript() {//添加以个script标签let addScript = document.createElement("script");//给这个标签设置地址addScript.src = "https:www.baidu.com";//给这个标签添加idaddScript.id = "addScript";//把这个标签加入到文档的最后面document.body.appendChild(addScript);},removeScript() {//获取到这个标签let removeNode = document.getElementById("addScript");//删除标签# document.removeChild(removeNode);}}
};
</script>

原因分析：

提示：这里移除标签的方法是removeChild的方式来删除这个标签：
问题是这个是没有表明是哪一个的孩子，所以报the node to be removed is not a child of this node

借用百度用户：你冇问题诶
var child=document.getElementById("tr1");
child.parentNode.removeChild(child);
如果能够在不引用父元素的情况下删除某个元素就太好了不过很遗憾。DOM 需要清楚您需要删除的元素，以及它的父元素。这是常用的解决方案，找到您希望删除的子元素，然后使用其 parentNode 属性来找到父元素。

这个也是w3school手册上的内容

解决方案：

改成：

 document.removeChild(removeNode);//替换成下面的：removeNode.parentNode.removeChild(removeNode);

就可以了

vue createElement后删除这个元素 the node to be removed is not a child of this node相关推荐

vue动态添加/删除dom元素
vue的思想是通过数据操作dom,所以我们根据data中的数据进行对dom的遍历,从而操作数据就可以对vue进行一个动态的添加或者删除啦! <template><div>< ...
LeetCode简单题之删除某些元素后的数组均值
题目给你一个整数数组 arr ,请你删除最小 5% 的数字和最大 5% 的数字后,剩余数字的平均值. 与标准答案误差在 10^-5 的结果都被视为正确结果. 示例 1: 输入:arr = [1, ...
Php 删除数组后几个元素
<?php /* * 文件分类: practice@helkbore * 删除数组后几个元素 * 整理时间 2016年2月5日10:24:42 */ $arr1 = array('aa', 'b ...
LeetCode 1619. 删除某些元素后的数组均值
文章目录 1. 题目 2. 解题 1. 题目给你一个整数数组 arr ,请你删除最小 5% 的数字和最大 5% 的数字后,剩余数字的平均值. 与标准答案误差在 10^-5 的结果都被视为正确结果 ...
java中list删除元素_java中，删除一个List中的后n个元素
在java中,如果要删除List中的后n个元素,可以选择这个方法:循环n次,每次删除List的最后一个元素. 下面是一个例子(删除一个拥有6个元素的后三个元素): import java.util.L ...
vue中删除数组元素
vue中删除数组元素 let arr = [{ name: 'aa',id: 11},{name: 'bb',id: 12} ] 1.filter arr = arr.filter(t => t ...
jquery追加html后删除,jquery动态增加删除元素节点
jquery动态增加删除元素节点对于语言编程,不同的思路有着不同的解决办法,Jquery对于动态的ul-li节点的增加删除实力操作思路: 1.做一个按钮用于增加li节点,使用Jquery:appen ...
js添加删除HTML元素
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
LeetCode简单题之删除一个元素使数组严格递增
题目给你一个下标从 0 开始的整数数组 nums ,如果恰好删除一个元素后,数组严格递增 ,那么请你返回 true ,否则返回 false .如果数组本身已经是严格递增的,请你也返回 tr ...

vue createElement后删除这个元素 the node to be removed is not a child of this node

项目场景：

问题描述：

原因分析：

解决方案：

vue createElement后删除这个元素 the node to be removed is not a child of this node相关推荐

最新文章

热门文章