Javascript：带有 AppendChild 的 DOM 异常错误

Question

Why i get an error ? I just want to add 'a' to the div. Not remplace, but add.

 var conteneur1 = document.getElementsByClassName('conteneur')[0]; conteneur1.appendChild('a');

I have: NotFoundError: DOM Exception 8: An attempt was made to reference a node in a context where it doesn't exist. Thanks for helping !

Answer 1

You cannot just pass a string to appendChild() , you have to pass a node element.

The Node.appendChild() method adds a node to the end of the list of children of a specified parent node.

var conteneur1 = document.getElementsByClassName('conteneur')[0];
var a = document.createElement('a');
conteneur1.appendChild(a);

Answer 2

So, I think it's not correct way to append child. Try the code below:

var anchorEl = document.createElement('a');
var textOfLink = document.createTextNode("YourText");

anchorEl.appendChild(textOfLink);
anchorEl.title = "YourLink";
anchorEl.href = "http://YourLink.com";

var conteneur1 = document.getElementsByClassName('conteneur')[0];
      conteneur1.appendChild(anchorEl);

Answer 3

What you are doing is simply passing a string as an argument .appendChild() does not accept string.

this should fix it.

    var conteneur1 = document.getElementsByClassName('conteneur')[0];
    var a = document.createElement('a');
    conteneur1.appendChild(a);

See here w3School