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

Question

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

kin*_*sw4 43 html javascript dom function setattribute

我在这里有一些代码可以执行以下操作.代码创建一个元素"p"然后我将它附加到HTML中的"div".我想我刚刚创建的"p"具有唯一标识符(ID)并设置ID的名称.因此,稍后当用户想要删除最后创建的元素时,它将能够获取ID,因此它可以removeChild.这是代码:

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

Run Code Online (Sandbox Code Playgroud)

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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Joh*_*ria 83

由于id是一个属性,所以不要创建id元素,只需执行以下操作:

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

Run Code Online (Sandbox Code Playgroud)

这将替换现有的 id（如果有）。如何将 id 附加到现有 id 上 (2认同)
@PA-GW 你不能。一个 HTML 元素只能有一个 id，因为它用于唯一地标识该元素。 (2认同)

Answer 2

Ja͢*_*͢ck 38

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

myPara.id = ID;

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，10 月前
查看次数：	131125 次
最近记录：	6 年，3 月前