Answers for "error DOMException: Failed to execute how"

1

uncaught typeerror: failed to execute

#I could have sworn that I was using appendChild properly but, alas, I wasn’t.
#Instead of passing a node to appendChild, I was passing a string.

var link = '<a class="wplauncher-link"> Example Link </a>';
var body = document.getElementsByTagName('body')[0].appendChild(link);

#Instead, I should have created the link element first, added HTML to it, 
#and then run appendChild. This is illustrated in the code below, which WORKS:

var link = document.createElement('a');
link.className = 'wplauncher-link';
link.innerHTML = 'Example Link';
document.body.appendChild(link);

#If you need to add a string of HTML that is more complex than a link, 
#I suggest using the insertAdjacentHTML method. An example of this is visible 
#below:

var link = '<a class="wplauncher-link"> Example Link </a>';
document.body.insertAdjacentHTML('beforeend',link);
Posted by: Guest on June-02-2021
0

typeerror: failed to execute

.appendChild
The [.appendChild] function needs the first parameter as a Node.

Any one of the following interface is considered a Node:

Document
Element
Attr
CharacterData
ProcessingInstruction
DocumentFragment
DocumentType
Notation
Anything that is not one of the above is not considered a Node. Therefore, when you pass an object or a string (the response), the following error is raised:

TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

The response returned by ajax request is most likely an Object.

JSON.stringify will transform an Object into String.

Both are not one of the listed interface.
Posted by: Guest on August-03-2021

Code answers related to "error DOMException: Failed to execute how"

Browse Popular Code Answers by Language