| abcde_007 |
18.02.2017 13:59 |
Клонировние элементов, изменение содержимого
Добрый всем день. Скорее всего, вопрос будет удивлять своей "новизной", но что-то ответа на него я так и не нашел. Задача на raw js на странице клонировать форму, но попутно добавляя/изменяя содержимое.
Задача - вставить кнопку "удалить" куда надо. Работает только при варианте представленном ниже. А надо вставить внутрь клонированной формы. Все попытки вытащить элемент (parent_del_elem) из клонированного узла, чтобы к нему присоединить кнопку, ни к чему не приводят. Выдает ошибку в консоли.
В чем моя ошибка? Почему не работает var most_wanted = cloned.selectElementById('parent_del_elem') ?
<div class="1 2 3" id="clone_elem">
<div class="2 5" id="parent_del_elem">
<form >
<input type="text" name="">
<input type="password" name="">
<button type="submit" id="">Submit </button>
</form>
<button type="submit" id="">Добавить</button>
</div>
</div>
window.onload = function () {
add.onclick = function () {
var button = document.createElement('button');
var parent_del_elem = document.getElementById('parent_del_elem');
button.innerHTML = 'Удалить';
var original = document.getElementById('clone_elem');
var cloned = original.cloneNode(true);
cloned.appendChild(button);
original.parentNode.insertBefore(cloned, original.nextSibling);
}
}
|