2013-10-28 133 views
23

我在这里有一些代码将执行以下操作。代码创建一个元素“p”,然后我将它追加到HTML中的“div”。我想我刚刚创建的“p”有一个唯一的标识符(ID)并设置ID的名称。因此,稍后当用户想要删除最后创建的元素时,它将能够获得该ID,以便它可以removeChild。下面是代码:JavaScript将ID属性添加到另一个创建的元素

的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> 

回答

50

由于ID是属性不创建一个id元素,只是这样做:

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

您通过设置其相应的属性来设置元素的ID:

myPara.id = ID; 
相关问题