JavaScript 将 ID 属性添加到另一个创建的元素

Question

I have some code here that will do the following.我在这里有一些代码可以执行以下操作。 The code creates an element "p" then I append it to a "div" in the HTML.代码创建了一个元素“p”，然后我将它附加到 HTML 中的“div”。 I would like that "p" I just created have an unique identifier (ID) and set the name of the ID.我希望我刚刚创建的“p”有一个唯一标识符 (ID) 并设置 ID 的名称。 So later on when the user wants to delete the last created element it will be able to get the ID so it can removeChild.所以稍后当用户想要删除最后一个创建的元素时，它将能够获取 ID 以便它可以 removeChild。 Here is the code:这是代码：

JavaScript: JavaScript：

  var $ = function (id)
  {
      return document.getElementById(id);
  }

  function ShowResponse ()
  {
  var myResponse = $("myresponse").value;

  var myPara = document.createElement("p");
  var myDiv = $("mydiv");
  myDiv.appendChild(myPara);

  var myID = document.createElement("id");
  myID.setAttribute("value", ID)

  var myText = document.createTextNode(myResponse);
  myPara.appendChild(myText);
  }

  function RemoveResponse ()
  {

  }

  window.onload = function ()
  {
      $("showresponse").onclick = ShowResponse;
      $("removeresponse").onclick = RemoveResponse;
  }

HTML: HTML：

  <body>
  <div id="mydiv">
  <h1>Practice</h1>

  <p>Hi There</p>
  <p>How are you?</p>

  <p>
<input type="text" id="myresponse">
<br><input type="button" id="showresponse" value="Show Response">
<input type="button" id="removeresponse" value="Remove Response">
  </p>

  <hr>
 </div>

 </body>

Answer 1

由于 id 是一个属性，因此不要创建 id 元素，只需执行以下操作：

myPara.setAttribute("id", "id_you_like");

Answer 2

您可以通过设置元素的相应属性来设置元素的 id：

myPara.id = ID;

Answer 3

您可以使用点表示法。

myPara.id = 'anyNameYouLike';

JavaScript 将 ID 属性添加到另一个创建的元素

问题描述

3 个解决方案

解决方案1
141 已采纳 2013-10-28 01:08:41

解决方案2
62 2015-02-12 07:43:02

解决方案3
0 2021-05-12 17:32:44

JavaScript 将 ID 属性添加到另一个创建的元素

问题描述

3 个解决方案

解决方案1 141 已采纳 2013-10-28 01:08:41

解决方案2 62 2015-02-12 07:43:02

解决方案3 0 2021-05-12 17:32:44

解决方案1
141 已采纳 2013-10-28 01:08:41

解决方案2
62 2015-02-12 07:43:02

解决方案3
0 2021-05-12 17:32:44