javascript - 错误:无法在“节点”上执行“appendChild”:参数1不是“节点”类型-6ren

javascript - 错误:无法在“节点”上执行“appendChild”:参数1不是“节点”类型

In lại 作者：行者123 更新时间：2023-11-28 21:37:07

我正在尝试将图像拖放到div上。图像没有被拖到div上并给出以下错误

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.draganddrop.html:20 dropdraganddrop.html:26 ondrop

码

  
  
     <đầu>
        
        Creativity Dashboard

        
        
        

        

        
        
        

        
        
        

        
           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));
           }
        
        
           /* Overall & panel width defined using css in MovingBoxes version 2.2.2+ */
           #slider-one {
              width: 1003px;
           }

           #slider-one>li {
              width: 150px;
           }
        
     

     
        
           
           

              
                 ondragstart="drag(event)" alt="picture">


              
                 ondragstart="drag(event)" alt="picture">


              
                 ondragstart="drag(event)" alt="picture">


              
                 ondragstart="drag(event)" alt="picture">


              
                 ondragstart="drag(event)" alt="picture">


              
                 ondragstart="drag(event)" alt="picture" id="astronaut">


              
                 ondragstart="drag(event)" alt="picture">


           

           
           

              ondragover="allowDrop(event)" style="width: 12em; height: 12em">

src="images/startingImage.jpg" style="width: 12em;" alt="picture">

alt="picture" draggable="true" ondragstart="drag(event)"> <>
src="images/harvest.jpg" class="image-size" alt="picture">

alt="picture">

1 Câu trả lời

这实际上是一个简单的答案。

您的函数返回的是字符串而不是phân chia节点。 appendChild只能附加一个节点。

例如，如果您尝试将字符串追加到Child：

var z = 'test satu dua tiga
'; // is a string 
document.body.appendChild(z);

上面的代码将永远无法工作。将起作用的是：

var z = document.createElement('p'); // is a node
z.innerHTML = 'test satu dua tiga';
document.body.appendChild(z);

关于javascript - 错误:无法在“节点”上执行“appendChild”:参数1不是“节点”类型，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57302350/

Các bài viết nóng hổi trên toàn bộ trang web

trang đầu

đã học

Trí tuệ nhân tạo 6Ren

Trung tâm mua sắm

javascript - 错误:无法在“节点”上执行“appendChild”:参数1不是“节点”类型