Criando campos dinamicamente

Estou fazendo um formulário que adiciona campos dinamicamente, usando a função abaixo:

function add() { // cria elementos var linha = document.createElement("tr"); // nova linha var col1 = document.createElement("td"); // coluna 1 var col2 = document.createElement("td"); // coluna 2 var col3 = document.createElement("td"); // coluna 3 var text = document.createElement("textarea"); // campo textarea var sel = document.createElement("select"); // campo select var img1 = document.createElement("img"); // imagem adicionar var img2 = document.createElement("img") // imagem remover var br = document.createElement("br"); // br var referencia = document.getElementById("tr1"); var parentTag = referencia.parentNode; // seta atributos para os elementos img1.setAttribute("src", "../imagens/bt_adicionar.jpg"); img2.setAttribute("src", "../imagens/bt_remover.jpg"); sel.setAttribute("style","width:120px;"); linha.appendChild(col1); linha.appendChild(col2); linha.appendChild(col3); col1.appendChild(sel); col2.appendChild(text); col3.appendChild(img1); col3.appendChild(img2); parentTag.insertBefore(linha, referencia.nextSibling); }

Até aí tudo bem.O problema é o seguinte, preciso colocar 2 br's entre img1 e img2.já tentei colocar assim:

img1.appendChild(br);

só q apresenta o erro: "Chamada inesperada para acesso à propriedade ou métodoe assim:

img2.parentNode.insertBefore(br, img2);

e também aprensenta erro: "'parentNode' é nulo ou não é um objeto"estou fazendo alguma coisa errada??? como eu posso fazer isso???