【问题标题】:JavaScript Adding an ID attribute to another created ElementJavaScript 将 ID 属性添加到另一个创建的元素
【发布时间】:2013-10-28 00:53:45
【问题描述】:

我这里有一些代码可以执行以下操作。该代码创建一个元素“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>

【问题讨论】:

    标签: javascript html function dom setattribute


    【解决方案1】:

    由于 id 是一个属性,所以不要创建 id 元素,只需这样做:

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

    【讨论】:

    • 如果有,则替换现有的 id。如何将 id 附加到现有 id
    • @PA-GW 你不能。一个 HTML 元素只能有一个 id,因为它用于唯一标识元素。
    【解决方案2】:

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

    myPara.id = ID;
    

    【讨论】:

      【解决方案3】:

      您可以使用点表示法。

      myPara.id = 'anyNameYouLike'; 
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-11-22
        • 2017-02-03
        • 2019-10-01
        • 1970-01-01
        • 1970-01-01
        • 2019-07-25
        • 2019-02-07
        • 1970-01-01
        相关资源
        最近更新 更多