BinaryDevelop
  1. ホーム
  2. javascript

JavaScript 作成した別の要素にID属性を追加する

2023-11-28 17:24:54

質問

私はここに以下のようなコードを書いています。このコードでは、要素 "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;
  }

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>

どのように解決するのですか？

idは属性なので、id要素を作らず、このようにしてください。 

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

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します