list.appendChild（TOCEntry）は、タイプエラーを示します。その関数ではありません。

Question

function createTOC(){ 

    var list = document.getElementsByTagName("ul"); 
    var headingText; 
    var TOCEntry; 
    var i; 
    for(i=1; i<=10; i++){ 
     headingText = document.getElementById(i); 
     TOCEntry = document.createElement("li"); 
     TOCEntry = "<a href=#" + i + ">" + headingText + "</a>"; 
     list.appendChild(TOCEntry); 
    } 
} 

list.appendChild(TOCEntry)タイプエラー：その機能ではありません。

Answer 1

これを試すことができます。 まず、その後、ドム

function createTOC(){ 

    var list = document.getElementById("id of ul"); 
    var headingText; 
    var TOCEntry; 
    var i; 
    for(i=1; i<=10; i++){ 
     headingText = document.getElementById(i); 
     TOCEntry = document.createElement("li"); 
     TOCEntryData = "<a href=#" + i + ">" + headingText + "</a>"; 
     TOCEntry.innerHtml = TOCEntryData; 
     list.appendChild(TOCEntry); 
    } 
    } 

Answer 2

関数createTOC（）{

var list = document.getElementsByTagName("ul")[0]; 
var headingText; 
var TOCEntry; 

    var i; 
for(i=1; i<=10; i++){ 
    headingText = document.getElementById(i).innerHTML; 
    TOCEntry = document.createElement("li"); 
    TOCEntryData = "<a href=#" + i + ">" + headingText + "</a>"; 
    TOCEntry.innerHTML = TOCEntryData; 
    list.appendChild(TOCEntry); 


} 

}