Makto

Добавление и удаление узлов-клонов

24.10.2010, 13:24. Показов 1588. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!
Помогите пожалуйста, не пойму где ошибка. Клоны добавляются нормально,и атрибуты меняются вроде правильно, но процедура удаления срабатывает только один раз((


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var inn=1;
function del(){ 
var ik=0;
var k=0;
    for (i = 1; i<inn; i++){
                if (document.getElementById("chec"+i).checked) 
        {   document.getElementById("chan"+i).outerHTML = '';
            k++;}
    else {
        var inputT = document.getElementById("chan"+i);
        inputT.setAttribute("id", "chan"+i-k);
        var intu = document.getElementById("chec"+i);
        intu.setAttribute("id", "chec"+i-k);
     ik++;}
    
    }
inn=ik+1;
}
 
                  
 
function addbut(nodeId, deep) {
var toClone = document.getElementById(nodeId);
var clonedNode = toClone.cloneNode(deep);
var insertPoint = document.getElementById('fir');
insertPoint.appendChild(clonedNode);
var inputT = document.getElementById("chan0");
inputT.setAttribute("id", "chan"+inn);
var intu = document.getElementById("chec0");
intu.setAttribute("id", "chec"+inn);
inn++;
}
HTML5
1
2
3
4
5
6
<form method="post" name="forma">
<p id="chan0">
<input type="file" id="file0" onchange="addbut('chan0',true);"> &nbsp<input type="checkbox" id="chec0" ></p> 
<p id="fir"></p>
<input type='button' value="Удалить" onclick="del();">
</form>
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.10.2010, 13:24
Ответы с готовыми решениями:

Удаление дочерних узлов (DOM)
Привет! Такой вопрос. Есть элемент elem1, у которого имеются дочерние узлы. Если я с помощью метода removeChild() удалю elem1, то...

Добавление и удаление элемента
&lt;div id = &quot;text&quot;&gt;&lt;/div&gt; function add_text() { var pp = document.createElement('div'); pp.id = 'alert-success'; pp.innerHTML =...

Удаление, добавление дивов
Есть кнопка на странице, она добавляет див(внутри дива крестик(элемент закрытия этого дива)). Нужно как-то ввести нумерацию дивов, чтобы...

2
 Аватар для ostgals
886 / 681 / 101
Регистрация: 23.01.2009
Сообщений: 1,582
24.10.2010, 17:50
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function del(){
    var checks = document.forms.forma.file_check;
    for (var i in checks)
        if (checks[i].checked)
            document.getElementById('files').removeChild(checks[i].parentNode);
}
 
 
 
function addbut() {
    var clone = document.getElementsByClassName('file')[0].cloneNode(true);
    document.getElementById('files').appendChild(clone);
}
HTML5
1
2
3
4
5
6
<form method="post" name="forma">
<div id="files">
    <div class="file"><input type="file" name="file[]" onchange="addbut();">&nbsp;<input type="checkbox" name="file_check"></div>
</div> 
<input type='button' value="Удалить" onclick="del();">
</form>
0
Makto
24.10.2010, 22:14
ostgals, большое спасибо!!!!
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.10.2010, 22:14
Помогаю со студенческими работами здесь

Добавление/удаление элементов
У меня есть список элементов (select, список способов доставки). Т.к. система позволяет добавить несколько способов (есть предложенные,...

Добавление и удаление элементов
Добрый день. Прошу помощи. Есть опция на ресурсе 10 последних комментариев. все происходит в блоке &lt;div...

Удаление и добавление по два символа строки
Как можно средствами JavaScript удалить и обратно добавить по два символа в строке через каждые два символа. Например есть строка: ...

Поочередное добавление/удаление id по клику на элемент
Доброго времени суток. У меня возникла такая проблема, есть список ul, мне нужно чтобы по клику на его элемент li, этому элементу...

Двумерный массив добавление и удаление элементов
Добрый день. Занялся изучением основ. Заступорился на двумерных массивах. Подскажите, пожалуйста, каким образом осуществляется...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru