小编304*_*696的帖子

使用javascript通过拖放交换div的子元素

我尝试交换 div1 和 div2 标签内的两个元素,但只有第一个替换函数正确执行,另一个元素没有交换

  • 任何一个 div 都被一次交换,但是当我尝试同时交换两个 div 时,它不会发生,请帮帮我 *

    <head>
        <style type="text/css">
            #div1 {
                width:350px;
                height:70px;
                padding:10px;
                border:1px solid #aaaaaa;
            }
            #div2 {
                width:350px;
                height:70px;
                padding:10px;
                border:1px solid #aaaaaa;
            }
        </style>
        <script>
            function allowDrop(ev) {
                ev.preventDefault();
            }
    
            function drag(ev) {
                var child = ev.target;
                var parents = child.parentNode;
                ev.dataTransfer.setData("child1", child.id);
                ev.dataTransfer.setData("parent1", parents.id);
            }
    
            function drop(ev) {
                ev.preventDefault();
                var childid1 = ev.dataTransfer.getData("child1");
                var parentid1 = ev.dataTransfer.getData("parent1");
                var parent1 = document.getElementById(parentid1);
                var c = ev.currentTarget.childNodes;
                var childid2 = c[1].id;
                parent1.replaceChild(c[1], …
    Run Code Online (Sandbox Code Playgroud)

html javascript dom

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

dom ×1

html ×1

javascript ×1