Javascript：與AppendChild的DOM異常錯誤

Question

爲什麼我得到一個錯誤？我只是想給div加'a'。不是替代品，而是添加。

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

我有：NotFoundError：DOM異常8：試圖在一個上下文，其中它不存在來引用節點。感謝您的幫助！

Answer 1

所以，我認爲這是不追加孩子正確的方法。試試下面的代碼：

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 2

你不能只傳遞一個字符串到appendChild()，你必須傳遞一個節點元素。

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 3

你正在做什麼是簡單地傳遞一個字符串作爲參數.appendChild（）不接受字符串。

這應該解決它。

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

看到這裏w3School