如何在拖放操作期间删除已放置图像的属性？

Question

var holder = document.getElementById('cms');

holder.ondragstart =function(e)
{
dragID =e.srcElement.id;
dregCl =e.srcElement.getAttribute('class');
if(dragID ==='cms_tools'){ cmsPanel =document.getElementById('cms_tools'); }
}

holder.ondragover = function(e)
{
if(dragID ==='cms_tools')
{
cmsPanel.style.top = (e.clientY-7) +'px';
cmsPanel.style.left = (e.clientX-250) +'px'; }}

holder.ondragend = function(e)
{
delete window.dragID; 
if(dregCl ==='imglib'){
e.target.removeAttribute('width'); 
e.target.removeAttribute('height');
e.target.removeAttribute('class'); } }


holder.ondrop = function (e) 
{ 

}

看起来应该很简单。我在面板中有一些图像，其尺寸按 width= 和 height= 缩小，并且需要在图像被放下时将其删除。您现在看到的代码执行此操作，但将其应用于源图像而不是目标图像。我似乎找不到应该用一个词解决方案来解决被删除的图像而不是源图像的问题。请将答案限制在标准 JavaScript 范围内，不要使用专有库或复杂的建议。请不要仅仅因为该项目的要求不包括上述例外情况而关闭此线程。先感谢您。

Answer 1

holder.ondragstart =function(e)
{
Img_Src_Drop =e.target.getAttribute('src');
dragID =e.srcElement.id;
dregCl =e.srcElement.getAttribute('class');
if(dragID ==='cms_tools'){ cmsPanel =document.getElementById('cms_tools'); }}
holder.ondragover = function(e)
{
if(dragID ==='cms_tools')
{
cmsPanel.style.top = (e.clientY-7) +'px';
cmsPanel.style.left = (e.clientX-250) +'px'; }}
holder.ondragend = function(e)
{
delete window.dragID; 
if(dregCl ==='imglib'){ 
e.preventDefault; 
document.execCommand('InsertImage',null,Img_Src_Drop); }}
holder.ondrop = function (e) 
{ e.preventDefault; }

它只不过是一个单词，但解决方法是简单地阻止Default并插入一张新图像。不是我想要的，但它按预期工作。希望这篇文章可以帮助其他处于类似困境的人。