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

时间:2015-08-10 22:28:12

标签: javascript

我想知道如何将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);
        }
      });
    }

2 个答案:

答案 0 :(得分: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"添加到按钮
  • 生成的元素&#h; html如下所示:<button id="someId">accept</button>

答案 1 :(得分:0)

javascript中的ID只是一个属性;当你使用jQuery时,你可以在元素上调用attr函数,或者你可以自己从头开始构建该函数