2013-10-28 16 views
23

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> 

Trả lời

50

Kể từ id là một thuộc tính không tạo ra một yếu tố id, chỉ cần làm điều này:

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

Bạn đặt id của phần tử bằng cách đặt thuộc tính tương ứng của nó:

myPara.id = ID; 
Các vấn đề liên quan