如何附加<;按钮>;到a<;李>?(javascript)

如何附加<;按钮>;到a<;李>?(javascript),javascript,dom,append,Javascript,Dom,Append,每次向数组中添加项时都会运行此函数。。。它只是创建一个“li”元素,在该项后面添加一些文本。。。然后将其附加到“ul”元素(#requestList) 我很难弄明白的是,如何在列表项上添加一个“按钮”标签?我希望每个列表项都有自己的“button”标记,但似乎无法理解在将文本附加到li之后如何将按钮附加到li 希望这是有意义的:S 谢谢:D这应该可以了 function UpdateListOnScreen(NewListItem){ var grabList = document.get

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

我很难弄明白的是,如何在列表项上添加一个“按钮”标签?我希望每个列表项都有自己的“button”标记,但似乎无法理解在将文本附加到li之后如何将按钮附加到li

希望这是有意义的:S


谢谢:D

这应该可以了

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

  /*Add a button to each LI */
var button = document.createElement('button');
button.innerText = 'Click me!';
entry.appendChild(button);

  grabList.appendChild(entry); }

以下是如何插入按钮的示例:

var ul=document.getElementById(“列表”);
var li=document.createElement(“li”);
li.appendChild(document.createTextNode(“四”);
var button=document.createElement(“按钮”);
button.innerHTML=“asdasd”;
li.appendChild(按钮);
li.setAttribute(“id”、“element4”);
ul.儿童(li);
警报(li.id)
    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));
    
      /*Add a button to each LI */
    var button = document.createElement('button');
    button.innerText = 'Click me!';
    entry.appendChild(button);
    
      grabList.appendChild(entry); }