javascript - 我如何在javascript中创建一个带有id的按钮

Question

我想知道如何将 id 添加到我用 javascript 创建的按钮。我几乎从解析中提取与我要查找的结果相匹配的结果，并将其显示在无序列表中。我正在建立一个邀请系统，所以我还在下面创建了一个接受按钮。如何将接受按钮与拉动的特定对象关联起来？ 这是我的代码:

    function checkInvites(){
      var invite = Parse.Object.extend("sessions");
      var query = new Parse.Query(invite);
      query.equalTo("user", "bubbba");
      query.find({
        success: function(results) {
          console.log("Successfully retrieved " + results.length + " scores.");
           // Do something with the returned Parse.Object values
           for (var i = 0; i < results.length; i++) {
            var object = results[i];
            var items = document.getElementById("invites");
            var item = document.createElement("li");
            item.innerHTML = object.get('user')+' '+ object.id;
            items.appendChild(item);
            var btn = document.createElement("BUTTON");        // Create a <button> element
            var t = document.createTextNode("accept");       // Create a text node
            btn.appendChild(t);         // Append the text to <button>
            items.appendChild(btn);
          }
        },
        error: function(error) {
          alert("Error: " + error.code + " " + error.message);
        }
      });
    }

Answer 1

你可以使用这个:

var btn = document.createElement("BUTTON"); 
btn.id ='someId';

请记住，id 应该是唯一的属性，尽管您不必强制使其唯一。但如果您不打算使其独一无二，最好使用类。

---

如果您要使用 jQuery ，你可以这样做:

$('<button>accept</button>').attr('id', 'someId');

说明:

• $('<button>accept</button>') :创建字符串中指定的元素 - 带有接受文本的按钮
• .attr('id', 'someId') :设置元素的属性，这将添加 id="someId"到按钮
• 生成的元素的 html 如下所示:<button id="someId">accept</button>