JavaScript 作成した別のElementにID属性を追加する
次のようなことをするコードがあります。このコードでは、"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>
43
2
idは属性なので、id要素は作らずに、このようにします。
要素のIDを設定するには、対応するプロパティを設定します。