Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 删除整个;图「;元素从我的HTML源代码中删除_Javascript_Html - Fatal编程技术网

Javascript 删除整个;图「;元素从我的HTML源代码中删除

Javascript 删除整个;图「;元素从我的HTML源代码中删除,javascript,html,Javascript,Html,我将CKEditor5用于我的应用程序的主要部分,而不是雇佣开发人员来学习如何构建一个完整的插件来阻止CKEditor5大量修改表,我正在研究实现一些替代方法的方法 我看到CKeditor5经常做的一件事是将我的表包装成的形式,这会破坏它呈现给用户的方式(它有边距,等等,所有我没有要求的东西) 因此,我只是想弄清楚如何删除HTML元素,但将数据保留在其中。例如: 测试 测试 遍历所有图元素,并在找到它们时获取对其父元素的引用。然后,移动图内容,使其成为该父对象的子对象。然后删除(现在为空)图

我将CKEditor5用于我的应用程序的主要部分,而不是雇佣开发人员来学习如何构建一个完整的插件来阻止CKEditor5大量修改表,我正在研究实现一些替代方法的方法

我看到CKeditor5经常做的一件事是将我的表包装成
的形式,这会破坏它呈现给用户的方式(它有边距,等等,所有我没有要求的东西)

因此,我只是想弄清楚如何删除HTML元素,但将数据保留在其中。例如:


测试
测试

遍历所有
元素,并在找到它们时获取对其父元素的引用。然后,移动
内容,使其成为该父对象的子对象。然后删除(现在为空)

document.querySelector(“按钮”).addEventListener(“单击”,函数)(){
//找到所有的图形元素并在其上循环
document.queryselectoral(“图”).forEach(函数(图){
const parent=fig.parentElement;//获取对图形父对象的引用
parent.innerHTML=fig.innerHTML;//将内容移动到父级
fig.remove();//删除图形
});
});
图{背景色:黄色;}

单击以删除图形
测试
测试
测试
测试
测试
测试
测试
测试