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

你可以尝试一下。 首先，创建一个dom元素 然后分配其innerHTML 然后将其添加到Dom

  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

function 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);


}

}