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