web-dev-qa-db-fra.com

JavaScript Ajout d'un attribut ID à un autre élément créé

J'ai un code ici qui va faire ce qui suit. Le code crée un élément "p" puis je l'ajoute à un "div" dans le code HTML. J'aimerais que les "p" que je viens de créer aient un identifiant unique (ID) et définissent le nom de l'ID. Donc, plus tard, lorsque l'utilisateur voudra supprimer le dernier élément créé, il pourra obtenir l'ID pour pouvoir enleverChild. Voici le code:

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>
javascripthtmlfunctiondomsetattribute
38
king_sw4

Puisque id est un attribut, ne créez pas d'élément id, procédez comme suit:

myPara.setAttribute("id", "id_you_like");
78
Johann Echavarria

Vous définissez l'identifiant d'un élément en définissant la propriété correspondante:

myPara.id = ID;
35
Ja͢ck