TypeError: Failed to execute 'appendChild'on 'No
Not able to resolve :Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'
我试过在类似的问题中寻找答案,但我无法解决,我知道错误是由于jquery,DOM转换,但我无法解决这个问题,我试过使用append();而不是appendChild();。我试图实现拖放功能。
这是我的javascript:(注释是我尝试过的方法)
$('#todo, #inprog').bind('drop', function(event) {
var notecard = event.originalEvent.dataTransfer.getData("text/plain");
event.target.appendChild(document.getElementById(notecard));
// var c = $(document.getElementById(notecard))[0];
// var c = $('#notecard')[0];
//event.target.innerHTML = document.getElementById(notecard);
//event.target.append(notecard);
//$(event.target).append(document.getElementById(notecard));
//$(event.target).append('#notecard');
//$('#notecard').appendTo(event.target);
event.preventDefault();
});
原因是notecard
不是node
。
修改你的代码
$('#todo, #inprog').bind('drop', function(event) {
var notecardText = event.originalEvent.dataTransfer.getData("text/plain");
var notecard = document.createElement("div"); // Create a node first, div or p or span
notecard.appendChild(notecardText) // append your text to the node
event.target.appendChild(document.getElementById(notecard));
event.preventDefault();
});
找到了解决方案,DOM对象没有为动态创建的元素加载,我在创建它们之前调用js函数,所以event.originalEvent.dataTransfer.getData("text/plain");
返回null,因为js加载时没有元素存在。我调用了创建DOM的函数来解决这个问题。'<div id="itemT'+j+'" name="task'+j+'" draggable="true" contenteditable class="cardTitle" ondragstart="dragS1(event)"></div>'
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- window.on.scroll事件未启动
- Socket.io on Mozilla Rhino
- CSS中的游标属性似乎不适用于USB On The Go
- jQuery点击ON现在使用.load触发关闭
- JQuery.on(“keydown”)追加到页面时不工作
- 使用.on动态添加jquery/js不知道的html元素
- angularjs$valid-on-dates在firefox中报告错误
- addEventListener on NodeList
- appendChild on load
- Javascript genreate removeChild and appendChild on click
- 'appendChild'on 'Node':新的子元素为空
- 未捕获类型错误:Failed to execute 'appendChild'on 'Node&
- 未捕获类型错误:Failed to execute 'appendChild'on 'Node&
- error on javascript dom appendChild
- 'appendChild'on 'Node':参数1不是'Node'向表
- 未捕获NotFoundError: Failed to execute 'appendChild'on
- TypeError: Failed to execute 'appendChild'on 'No
- document.head.appendchild dosen't work on mobile