Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Удаление элемента (https://javascript.ru/forum/dom-window/47744-udalenie-ehlementa.html)

psfdek 05.06.2014 14:57

Удаление элемента
 
Необходимо удалить элемент, нашел ответ тут http://javascript.ru/forum/misc/3120...dalit-div.html

Но когда пытаюсь подстроить под себя то не получается
http://learn.javascript.ru/play/TSIJqc
Что не так, может кто объяснить?

рони 05.06.2014 15:51

psfdek,
id уникально неповторяйте его на странице

рони 05.06.2014 16:14

psfdek,
<!DOCTYPE HTML>
<html>
  <head><meta charset="utf-8"> </head>
  <body>
<fieldset>
    <legend>Транспортные компании</legend>
    <div id="reztrcomp">
        <table border=1>
            <tr id="box_1">
                <td>1</td>
                <td>Автотрейдинг</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_2">
                <td>2</td>
                <td>Экспресс-Авто</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_3">
                <td>3</td>
                <td>Деловые линии</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_4">
                <td>4</td>
                <td>Грузовозофф</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_5">
                <td>5</td>
                <td>Энергия</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_6">
                <td>6</td>
                <td>Кит</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_7">
                <td>7</td>
                <td>ПЭК</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_8">
                <td>8</td>
                <td>СПСР</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_39">
                <td>9</td>
                <td>Автотрейдингввв</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_38">
                <td>10</td>
                <td>Автотрейдинг</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_37">
                <td>11</td>
                <td>re</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
        </table>
    </div>

</fieldset>
<script type="text/javascript">
	function Remov(a) {
		var tr = a.parentNode.parentNode; alert(tr.id.replace(/\D/g,''))
		var indx = tr.rowIndex;
        var parent = tr.parentNode;
        //parent.deleteRow(indx); можно удалить так
        parent.removeChild(tr)  //или так
        }
</script>

  </body>
</html>

psfdek 06.06.2014 08:45

а как можно при удалении получить ИД удаляемого элемента и передать его другой функции? <tr id="box_37"> получить 37

рони 06.06.2014 08:58

psfdek,
строка 70

psfdek 06.06.2014 09:04

function Remov(a) {
var tr = a.parentNode.parentNode;
var indx = tr.rowIndex;
var parent = tr.parentNode;
//parent.deleteRow(indx); можно удалить так
parent.removeChild(tr) //или так
trid = tr.id
var str= trid.replace(/box_/g,"")
Send(str)
}

Благодарю Вас Рони


Часовой пояс GMT +3, время: 19:38.