js div 问题，如让 让 div中的图片拖动到该div 以外的区域 就隐藏 div 中的这张 图片
作者&投稿：卷凝 （若有异议请与网页底部的电邮联系）
用JS控制图片的位置，具体有点复杂，搜索一下“javascript拖拽”方面的教程
对图片用相对定位 或者先对层用相对定位在绝对定位图片
<style>
div {width:300px; height:300px; padding:10px; border:1px solid #f00}
div img {width:100px; height:100px}
</style>
<div id="box">
<img src="图片1" draggable="true"/>
<img src="图片2" draggable="true"/>
<img src="图片3" draggable="true"/>
</div>
<script>
window,onload=function(){
var imgs=document.getElementsByTagName("img");
document.ondragover=function(e){
e.preventDefault();
}
document.ondrop=function(e){
e.preventDefault();
if(e.target.id!="box"){
var id=e.dataTransfer.getData("Text");
imgs[id].style.display="none";
}
}
for(var i=0;i<imgs.length;i++){
imgs[i].id=i;
imgs[i].ondragstart=function(e){
e.dataTransfer.setData("Text",e.target.id);
}
}
}
</script>
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#div1 { padding: 100px; height: 500px; border: 1px solid #aaaaaa;}
#div2{ width: 200px; height: 100px; border: 1px solid gray;}
</style>
<script type="text/javascript">
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
// ev.target.appendChild(document.getElementById(data));
document.getElementById(data).style.display='none';
}
</script>
</head>
<body>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
拖动到#div1隐藏
<div id="div2">
<img id="drag1" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1219072672,3710991004&fm=27&gp=0.jpg" draggable="true" ondragstart="drag(event)" width="80" />
</div>
</div>
<br />
</body>
</html>
栾闵盐酸： oelem1.onclick=get();这里不能加引号的.加引号就成了字符了.
罗田县17518675603： JS代码中div的复制怎么实现 通过点击复制按钮实现对已有div里面所有内容的复制即又新生成一个一摸一样的di - ？
栾闵盐酸： 其实非常的容易,用JS的CloneNode方法就可以了.自己试一下吧!
罗田县17518675603： 怎么用JS控制多个DIV的显示和隐藏问题 - ？
栾闵盐酸： html代码:<div class=＂div1＂></div><div class=＂div2＂></div><div class=＂div3＂></div><div class=＂div4＂></div> JQ代码:$(＂.div1＂).show();$(＂.div1＂).siblings(＂div＂).hide();
罗田县17518675603： js控制div显示与隐藏 - ？
栾闵盐酸： 先给右面的都加个name=＂a＂ function ss(id) { var x=document.getElementById(id); var y=document.getElementsByName(＂a＂); for(i=0;i<5;i++) {y.item(i).value.visibility=＂visible＂; }//先使之前显示的隐藏 if(id==＂di＂) {x.style.backgroundColor...
罗田县17518675603： 求助一个JS+DIV的问题. - 技术？
栾闵盐酸： 放上9个div吧 哈周围8个div设鼠标样式为相应形状 然后写ondrag事件
罗田县17518675603： 你好,关于javascript怎样获取动态生成div的Id值的问题,请帮帮我! - ？
栾闵盐酸： 这样直接将ID设置成一个动态的ID的时候,一般不能通过直接读取ID来达到你想要读取的模块,你可以这样想,是否可以通过它的父节点来读取它的ID值?或者这样想,你既然已经有一个特别的name属性在这个DIV种,是否能通过name属性来...
罗田县17518675603： 关于js中div漂浮问题,我的div不动 - ？
栾闵盐酸： obj.style.posTop=y; 改成 obj.style.top=y;
罗田县17518675603： 关于js控制div的问题？
栾闵盐酸： <!DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂><html xmlns=＂ http://www.w3.org/1999/xhtml＂><head><meta http-equiv=＂Content-Type＂ content=＂text/...
罗田县17518675603： js控制div问题？
栾闵盐酸： 那你下面的显示内容部分只能用框架iframe,那连接部分target=＂zongzong＂就行了(注意ifranme的name属性值是zongzong) <iframe name=＂zongzong＂ WIDTH=＂689＂ HEIGHT=＂480＂ ALIGN=＂CENTER＂ MARGINWIDTH=＂0＂ MARGINHEIGHT=＂0＂ HSPACE=＂0＂ VSPACE=＂0＂ FRAMEBORDER=＂0＂ SCROLLING=＂NO＂ SRC= http://www.baidu.com＂>
罗田县17518675603： js怎么实现点击一个按钮,改变另一个div的id - ？
栾闵盐酸： js实现点击一个按钮,改变另一个div的id的思路:<br>1、定义一个按钮,编写点击事件<br>2、获取div对象,获取id属性,重新赋值.<br>举例说明:<br>页面上有个button,叫change,并定义click事件:<br><input type=＂button＂ value=＂...
