Опять как удалить див по которому кликнул

[alex2012]

<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="javascript:addRecord5(984)" value="Отправить" return="" false=""/>
</p>
</div>
<div id="clear"/>

<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="javascript:addRecord5(985)" value="Отправить" return="" false=""/>
</p>
</div>
<div id="clear"/>

так выглядит код js кнопки

delll =  + records[i].id;
                        var cnopca = "<input type='button' name='submit' onclick='javascript:addRecord5("+ records[i].id +")' value='Отправить' return false>";                        
                        var del_st  = createElement("p");
                        del_st.innerHTML = cnopca;
                        divinfo.appendChild(del_st);
						divResult.appendChild(divinfo);

а так код js удаления дива

var del = document.getElementById('info');
                        var avatar_del = document.getElementById('avatar'); 
                        var parent = document.getElementById('divResult'); 
                        parent.removeChild(del); 
                        parent.removeChild(avatar_del);

Проблема в том что удаляется всегда первый элемент а мне надо чтобы удалялся id="avatar" и id="info" возле которого нажата кнопка
проблема в том что я не могу поставить this в onclick='javascript:addRecord5("+ records[i].id +")' так как передаю id значение + records[i].id +
Подскажите как обойти проблему

[devote]

<div onclick="this.parentNode.removeChild(this)">kjasdjh asdjkh</div>

[alex2012]

Хорошо но как мне this в эту кнопку прикрутить

<input type='button' name='submit' onclick='javascript:addRecord5("+ records[i].id +")'  value='Отправить' return false>";

[Dim@]

alex2012,
что за дурная привычка писать

onclick='javascript:..

[alex2012]

как правильно?

[Dim@]

alex2012,
простой вызов функции как в примере

<input type='button' value="Удали меня" onclick="rem(this)">
<script type='text/javascript'>
function rem(th){
 th.parentNode.removeChild(th);
}
</script>

[lord2kim]

alex2012, первая проблема уже в том, что по вашему описанию у вас куча элементов с одинаковыми id...чего быть не должно
к тому же что такое

<div id="clear"/>

? кучу div-ов открываете, но не закрываете?

[devote]

var cnopca = '<input type="button" name="submit" onclick="addRecord5(\'"+ records[i].id +"\', this)" value="Отправить">';

[lord2kim]

<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="document.body.removeChild(this.parentNode.parentNode);" value="Отправить">
</p>
</div>

 
<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="document.body.removeChild(this.parentNode.parentNode);" value="Отправить">
</p>
</div>

буит робить но без всяких <div id="clear"/>

[alex2012]

если вы имеете виду id="iavatar"и id="info" то они выводятся в цикле из базы данных. И как они могут быть разные в этом случае ?