Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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 从另一个div中获取div值?_Javascript_Html - Fatal编程技术网

Javascript 从另一个div中获取div值?

Javascript 从另一个div中获取div值?,javascript,html,Javascript,Html,所以我有一个可拖动的HTML div元素: <div id="server" draggable="true" ondragstart="return dragStart(event)">Server</div> 服务器 以及目标部门: <div id="target1" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOve

所以我有一个可拖动的HTML div元素:

<div id="server" draggable="true" ondragstart="return dragStart(event)">Server</div>
服务器
以及目标部门:

<div id="target1" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>


如果我将可拖动对象拖动到目标中,那么如果我只有对可拖动对象所在目标的引用,那么如何获取可拖动对象内部的值?

您可能希望在拖动事件上使用
dataTransfer.setData
方法,在drop事件上使用
dataTransfer.getData
方法。这些方法将允许您在元素之间传递数据

功能allowDrop(ev){
ev.preventDefault();
}
功能阻力(ev){
var newText=ev.target.innerText;
newText=“我被甩了!”;
ev.dataTransfer.setData(“文本”,ev.target.id);
ev.dataTransfer.setData(“divData”,新文本);
console.log(ev.target);//可用数据
}
功能下降(ev){
var dragElemID=ev.dataTransfer.getData(“文本”);
var dragElemData=ev.dataTransfer.getData(“divData”);
var draggedElem=document.getElementById(dragElemID)
ev.preventDefault();
ev.target.appendChild(德拉格德勒姆);
ev.target.children[0].innerText=dragElemData;
}
#第1部分{
边框:1px实心;
宽度:100px;
高度:150像素;
}
#拖拉{
背景颜色:浅蓝色;
宽度:100px;
高度:100px;
}
目标Div

Drop Div
我有点不清楚你在问什么。通过引用元素
id
,您不能随时获得所需的值吗?我在问,如果不在drop函数中使用ut begin,并且已经在目标中,并且只引用目标,是否可以访问删除的div值