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

我这里有一些代码可以执行以下操作。代码创建了一个元素“ p”，然后我将它附加到 HTML 中的一个“ div”。我希望我刚刚创建的“ p”有一个唯一标识符(ID)并设置 ID 的名称。因此，稍后当用户想要删除最后创建的元素时，它将能够获得 ID，以便删除 Child。密码如下:

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>

259708 次浏览

小开

最佳答案

因为 id 是一个属性，所以不要创建 id 元素，只需要这样做:

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

小开

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

myPara.id = ID;

小开

可以使用点符号。

myPara.id = 'anyNameYouLike';