JavaScript將ID屬性添加到另一個創建的元素

我在這裏有一些代碼將執行以下操作。代碼創建一個元素「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>

來源

2013-10-28 king_sw4

由於ID是屬性不創建一個id元素，只是這樣做：

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

來源

2013-10-28 01:08:41

您通過設置其相應的屬性來設置元素的ID：

myPara.id = ID;

來源

2015-02-12 07:43:02

JavaScript將ID屬性添加到另一個創建的元素

回答

相關問題