Tôi có một số mã ở đây sẽ thực hiện các thao tác sau. Mã tạo ra một phần tử "p", sau đó tôi thêm nó vào một "div" trong HTML. Tôi muốn rằng "p" tôi vừa tạo có một định danh duy nhất (ID) và đặt tên của ID. Vì vậy, sau này khi người dùng muốn xóa phần tử được tạo cuối cùng, nó sẽ có thể lấy ID để nó có thể removeChild. Đây là mã:JavaScript Thêm thuộc tính ID vào một thuộc tính khác được tạo Phần tử
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>