자바 특정 행 삭제

Question

테이블 행을 삭제하는 스크립트를 가져 오려고합니다.

var i = 1; 

function addURL() { 
    var tr = document.createElement('tr'); 
    tr.setAttribute("id", "url_row_" + ++i); 
    var td = tr.appendChild(document.createElement('td')); 
    td.style.valign = 'middle'; 

    td = tr.appendChild(document.createElement('td')); 
    var input = td.appendChild(document.createElement('input')); 
    input.name = 'url[]'; 
    input.type = 'text'; 
    input.size = '40' 
    var node = document.getElementById('myTable').tBodies[0]; 
    node.insertBefore(tr, node.children[3]); 

    var link = document.createElement("a"); 
    link.setAttribute("href", ""); 
    link.setAttribute("style", "text-decoration: none;"); 
    link.setAttribute("onClick", "removeURL('');return false;"); 
    td = tr.appendChild(document.createElement('td')); 
    td=td.appendChild(link) 
    td.appendChild(document.createTextNode('-')); 
} 

function removeURL(divNum) { 
    var d = document.getElementById('myTable').tBodies[0]; 
    var olddiv = document.getElementById(divNum); 
    d.removeChild(olddiv); 
} 

이렇게하면 원하는만큼 url_row_ (number) 개의 텍스트 필드를 생성 할 수 있습니다. 나는 그 행을 지우는 법을 모른다.

나는 url_row_2 삭제됩니다

link.setAttribute("onClick", "removeURL('url_row_2');return false;"); 

을하고 있지만 알고 난 행 또는이 작업을 수행하는 올바른 코드가 무엇을 그 어떤 ID를 사로 잡고 url_row_2에 넣어 무엇을 할 수 있습니까?

Answer 1

이렇게하면 문자열 연결을 사용하여 tr을 대상으로 처리기 문자열에 i을 연결합니다.

link.setAttribute("onclick", "removeURL('url_row_" + i + "');return false;"); 

Answer 2

이벤트 리스너에는 setAttribute을 사용하지 마십시오. Introduction to event handling at quirksmode.org과 특히 simple event registration model을 살펴보세요. 또한 이벤트 객체의 정보를 사용하여 제거 할 행을 식별 할 수 있습니다.