Не понятна последняя строка,что это значит помимо того что мы делаем копию,зачем писать input.parentElement.appendChild(clone);?

Question

[olya_097]

<input type="submit" id="button">
<input type="text" id="input">
var input = document.getElementById('input');
var button = document.getElementById('button');

button.addEventListener('click', func);

function func(){
	var clone = input.cloneNode(true);
	input.parentElement.appendChild(clone);
}

Answer 1

[SagePtr]

var clone = input.cloneNode(true); - это мы создаём копию элемента в памяти
input.parentElement.appendChild(clone); - это мы добавляем нашу копию в дерево DOM в качестве дочернего узла родительского элемента

Comments

[olya_097]

input.parentElement. в данному случае body?

[SagePtr]

olya_097, если ваш элемент input вложен непосредственно в body - то да. Иначе - тот элемент, в который он вложен.

[olya_097]

SagePtr,
А вот тут на что ссылается this не подскажете?

var input = document.getElementById('input');
input.addEventListener('blur', func);

function func(){
var digits = this.value.split(''); //массив цифр
var parent = input.parentElement;

for (var i = 0; i < digits.length; i++) {
var newInput = document.createElement('input');
newInput.value = digits[i];
parent.appendChild(newInput);
}
}

[SagePtr]

olya_097, this ссылается на тот объект, в контексте которого функция была вызвана Вне контекста this не имеет никакого смысла.
В вашем примере, как полагаю, функция вызывается в обработчике событий, если strict отключён, this тогда указывает на event.target (эмулирует поведение древнего IE), крайне рекомендую переписать этот код хотя бы так:
function func(event){
var digits = event.target.value.split(''); //массив цифр

[pashted]

olya_097, выведите this в консоль и сразу увидите элемент

[olya_097]

SagePtr, в var digits

[SagePtr]

olya_097, отредактировал комментарий, дополнил)

[olya_097]

pashted, я поняла уже что инпут.А в консоль я выводила-писало window

[SagePtr]

olya_097, потому что this привязан к контексту и вне его указывает на глобальный объект (в браузере это window).