Универсальный код
Здраствуйте у меня такая задача есть много таблиц с двумя ячейками:
<table border="1" width="100%">
<tr>
<td>Текст 1</td>
</tr>
<tr>
<td><span class="button">Добавить</span></td>
</tr>
</table>
<table border="1" width="100%">
<tr>
<td>Текст 2</td>
</tr>
<tr>
<td><span class="button">Добавить</span></td>
</tr>
</table>
...
<table border="1" width="100%">
<tr>
<td>Текст n</td>
</tr>
<tr>
<td><span class="button">Добавить</span></td>
</tr>
</table>
требуется написать код который после события onclick компонента span который находится во второй ячейке добавлял текст который находится в первой ячейке в компонент div я пробовал так:
Код:
window.onload = function(){
n=0;
while (document.getElementsByTagName('table')[n]){
obj=document.getElementsByTagName('table')[n].getElementsByTagName('td');
obj[1].getElementsByTagName('span')[0].onmousedown = function(){
document.getElementById('mdiv').innerHTML += obj[0].innerHTML;
}
}
}
Но скрипт работает неправильно поскольку добавляет после клика по span всегда текст который находится в первой ячейке последней талице.
Что делать??? |