1

Объясните мне пожалуйста, почему и зачем в этой задаче я получаю родителя кнопки?

Дан инпут. Рядом с ним находится кнопочка "+". По нажатию на эту кнопку под нашим инпутом должен появится еще один пустой инпут.

var button = document.getElementById('button');
button.addEventListener('click', func);

function func() {
  var parent = button.parentElement;
  var newInput = document.createElement('input');
  parent.appendChild(newInput);
}
<input type="submit" value="+" id="button">
<input type="text">

2
  • 3
    как узнать на какой елемент добавить инпут? Ответ: на тот который находиться кнопка. На каком елементе находиться кнопка? Ответ: на родительском 3 июл 2018 в 11:47
  • 1
    <input type="submit" value="+" id="button"> Очень сомнительно. Submit не для этого нужен.
    – Hikikomori
    3 июл 2018 в 11:59

2 ответа 2

0

var parent = button.parentElement; ?????? (parentElement) <--- Из за этого конечно. parentElement выберает родительский элемент.

var button = document.getElementById('button');
button.addEventListener('click', func);
function func() {
    var parent = document.getElementById('my-bl');
    var newInput = document.createElement('input');
    parent.appendChild(newInput);
}

<div id="my-bl">
    <button id="button">+</button>
    <input type="text">
</div>
3
  • Вопрос ещё раз прочитайте, внимательно.
    – Hikikomori
    3 июл 2018 в 12:06
  • AppendChild добавляет в конец выбранного блока. Выбираешь род. блок и делаешь appendChild и все!
    – GRozny
    3 июл 2018 в 12:11
  • Если не выбрать определенный блок то он не знает куда добавлять. А твой блок здесь род. блок. Понятно?
    – GRozny
    3 июл 2018 в 12:14
0

Объясните мне пожалуйста, почему и зачем в этой задаче я получаю родителя кнопки?

Надо знать куда добавлять "детей", в этом случае, кто как не родительский элемент, знает своих детей.

var button = document.getElementById('button');
button.addEventListener('click', func);

function func() {
  var parent = button.parentElement;
  console.log(parent.tagName); //Body
  var newInput = document.createElement('input');
  parent.appendChild(newInput);
}
<input type="submit" value="+" id="button">
<input type="text">

Док parentNode

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.