Как удалить контейнер с divами.?

Web Frontend: JavaScript, HTML/CSS
#1 
let selectField = document.createElement('div');    //создание контейнера

for(i = 9; i >= 0; i--){                       //генерация дочерних div
 let buttons = document.createElement('div');

  buttons.setAttribute("onclick", `removeField("${selectField}")`);
 selectField.append(buttons); 

}
function removeField(selectField){

console.log(selectField);      //[object HTMLDivElement]

}

в консоли только
[object HTMLDivElement]

как правильно передать ссылку на контейнер selectField с возможностью дальнейшего его удаления (вместе с детьми) со страницы ремувом" внутри функции removeField…?

пробовал заново получать через id, сиблингами и чайлдами… не помогло…

#2

Так а проблема в чем, что не так?

selectField.remove();
#3

selectField.remove is not a function

selectField видит как андефайнед…

#4

А что передается туда? В коде выше нет вызова removeField.

было же

:thinking:

#5

вот и я :thinking:

#6

а, не заметил

по-моему так просто строка передастся.

Можно например так

  const button = document.createElement('div');

  button.onclick = function () {
    selectField.remove();
  }
  
  selectField.append(button);
#7

попробую, но вызов привязан к событию нажатие" при установке атрибутов

при нажатии функция вызывается, но получает div - контейнер как андефайнед и не работает с ним…

#8

Он не андефайнед, просто это строка, а не контейнер.

console.log(`${document.body}`);
console.log(document.body);
#9 
			let selectField = document.createElement('div');
			selectField.className = 'container';
			document.body.appendChild(selectField);
			
			for(i = 9; i >= 0; i--) {
			    let buttons = document.createElement('div');
			    selectField.append(buttons);
			    // можно так
			    buttons.setAttribute("onclick", `removeField(selectField)`);
			    // или так
			    buttons.onclick = function () {
			    	selectField.remove();
			    }
			}
			
			function removeField(selectField){
				selectField.remove();
			}
#10

Не сработает если этот код внутри функции и переменная не глобальная.

function removeField(selectField) {
  selectField.remove();
}

(function() {
  let selectField = document.createElement('div');
  selectField.className = 'container';
  document.body.appendChild(selectField);

  for (i = 9; i >= 0; i--) {
    let buttons = document.createElement('button');
    selectField.append(buttons);
    // можно так
    buttons.setAttribute("onclick", `removeField(selectField)`);
  }
})()

https://jsfiddle.net/AlexP11223/o5cdxbmt/2/

Ну и смысла так делать нет, это нужно если прямо в HTML писать, а в JS проще сразу второй вариант + надежнее, IDE и линтеры смогут подсказать если что-то не так (опечатка в имени, …).

#11

А кто тут говорит, что ТС будет использовать замыкание ? Он скинул код в таком виде, в которому он будет его использовать, я показал решение его кода и также альтернативу. К тому же этот код будет работать и в теле страницы и отдельным файлов js )

#12

ребят, спасибо .! все заработало…