Uncaught DOMException: Failed to execute 'appendChild' - How to Fix - 常规

This error occurs when attempting to append a document node (#document) directly into a body node. The issue stems from a type mismatch: the document node represents the entire HTML document, while the body node is specifically the <body> element within that document.

To fix this, you must create an element node (e.g., div, span) and append that to the body node instead.

Here's a corrected example:javascript// Create a new div elementvar div = document.createElement('div');

// Append the div element to the body nodedocument.body.appendChild(div);

By creating an element node and appending it to the body, you avoid the error of inserting a document node where it doesn't belong. This ensures proper DOM manipulation and prevents unexpected behavior in your web application.

Uncaught DOMException: Failed to execute 'appendChild' - How to Fix