JavaScript Dodawanie atrybutu ID do innego utworzonego elementu

Question

JavaScript Dodawanie atrybutu ID do innego utworzonego elementu

Mam tutaj jakiś kod, który wykona następujące czynności. Kod tworzy element "p", a następnie dołączam go do " div " w HTML. Chciałbym, aby "p", które właśnie stworzyłem, miało unikalny identyfikator (ID)i ustawiało nazwę ID. Więc później, gdy użytkownik chce usunąć ostatnio utworzony element, będzie mógł uzyskać ID, aby mógł usunąć. Oto kod:

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:

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

64

javascript html function dom setattribute

Author: ROMANIA_engineer, 2013-10-28

Source

2 answers

Ustawiasz ID elementu, ustawiając jego odpowiednią właściwość:

myPara.id = ID;

59

Author: Ja͢ck,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-02-12 07:43:02

score 121 · Accepted Answer

Ponieważ id jest atrybutem, nie twórz elementu id, po prostu zrób to:

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

121

Author: Johann Echavarria,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-28 01:08:41