如何将<Button>附加到<li>？(JavaScript的)

Question

每次将一个项添加到数组时都会运行此函数...它只是创建一个"li"元素,将一些文本附加到该项...然后将其附加到"ul"元素(#requestList)...

function UpdateListOnScreen(NewListItem){

  var grabList = document.getElementById('requestList');

  var text = ""+ GetCalendarName(NewListItem.calChoice) +" For "+ GetLessonSlot(NewListItem.lessonChoice) + " On " + GetDateInTextForm(NewListItem.date) + "";
  var entry = document.createElement('li');
  entry.id = list.length-1;
  entry.className = "ItemNotChecked";
  entry.appendChild(document.createTextNode(text));
  grabList.appendChild(entry);
}

我努力弄清楚的是如何在List项目上添加"按钮"标签？我希望每个List项都有自己的"按钮"标签,但似乎无法弄清楚如何在将文本附加到li之后将按钮添加到li中.

希望有道理:S

感谢:D

Answer 1

这是一个如何插入按钮的示例:

var ul = document.getElementById("list");
var li = document.createElement("li");
li.appendChild(document.createTextNode("Four"));
var button = document.createElement("button");
button.innerHTML = "asdasd";
li.appendChild(button);
li.setAttribute("id","element4");
ul.appendChild(li);
alert(li.id);

<ul id="list"></ul>