Форум PHP программистов > удаление html блока

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Por$h

16.04.2012 - 13:06

необходимо удалить JS`om динамически ТЕКУЩИЙ <tr>...</tr>... блок по нажатию на кнопку
примерно такая структура:

<table>
...
<tbody>
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" id="rem" onClick="delete(this)"></td>
   </tr>
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" id="rem" onClick="delete(this)"></td>
   </tr>
</tbody>
...
</table>

есть такой скрипт,но он удаляет только parent блок от кнопки т.е td,
,a мне всё что в <tr>

<script>
				function delete(buttonObj)
				{
				   var node = buttonObj;
				   do
				   {
				      node = node.parentNode;
				   }
				   while
				      (node.nodeType != 1 && node.nodeName != 'td');
				   node.parentNode.removeChild(node);
				}
</script>

помогите плз,кто знает =/ я js не бум-бум вообще

Спустя 9 минут, 31 секунда (16.04.2012 - 12:16) Игорь_Vasinsky написал(а):

<table>
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" value="drop this tr" id="rem" onClick="drop(this)"></td>
   </tr>
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" value="drop this tr" id="rem" onClick="drop(this)"></td>
   </tr>
</table>

<script type="text/javascript">
	function drop(parent_tr)
    {
        parent_tr.parentNode.parentNode.style.display='none';
    }
</script>

1й parentNode - указывает на саму ячейку в которой кнопа, 2й - на TR в которой эта ячейка ;)

Спустя 10 минут, 23 секунды (16.04.2012 - 12:26) Por$h написал(а):

ААА..спасибо как всё просто оказывается )..это получается если я захочу всю таблицу удалить..просто прописать:
parent_tr.parentNode.parentNode.parentNode ...?)

Спустя 20 минут, 44 секунды (16.04.2012 - 12:47) Игорь_Vasinsky написал(а):

вообще - да, но для этого не нужно к верх нагами шарить по DOM, достаточно прописать id или name

Спустя 18 минут, 22 секунды (16.04.2012 - 13:05) Por$h написал(а):

Игорь_Vasinsky
АА.. немного не то .style.display='none';...
он не дропает,а просто стиль на display:none
а мне надо удалить html блок с сайта вообще
используя remove наверно ..но как
попробовал так,не работает:
parent_tr.parentNode.removeElement("'+divIdName+'");

Спустя 1 час, 35 минут, 27 секунд (16.04.2012 - 14:41) Por$h написал(а):

pop up

Спустя 3 минуты, 37 секунд (16.04.2012 - 14:44) Игорь_Vasinsky написал(а):

Даже если его (этот кусок HTML) удалить, в коде он будет после рефреша.

Спустя 21 минута, 18 секунд (16.04.2012 - 15:06) Por$h написал(а):

всё..нашёл решение)
если кому понадобиться:

<script>
function deleteRow(i)
{
      document.getElementById('table1').deleteRow(i)
}
</script>

<table id="table1">
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" value="drop" onClick="deleteRow(this.parentNode.parentNode.rowIndex)"></td>
   </tr>
   <tr>
          <td>******</td>
          <td>******</td>
          <td>******</td>
          <td><input type="button" value="drop" onClick="deleteRow(this.parentNode.parentNode.rowIndex)"></td>
   </tr>
</table>

Быстрый ответ:

Здесь расположена полная версия этой страницы.