Как рекурсивно удалить текстовые узлы?

syntaxorange, решение задачи следующее:

var container = document.querySelector('span');

	function deleteTextNodesRecursive(arg){
		var children = arg.childNodes;
		for(var i = 0; i < children.length; i++){
			if(children[i].nodeType == 3){
                arg.removeChild(children[i--]);
			}else if(children[i].nodeType == 1){
               if(children[i].hasChildNodes()){
				var newArg = children[i];
				deleteTextNodesRecursive(newArg);
			  }
			}
		   }
	
		return container;
			
		}
	
	console.log(deleteTextNodesRecursive(container));

Только не понятно в этой строчке "arg.removeChild(children[i--]);" это children[i--]. Зачем нужен минус "--"?
Мне просто здесь подсказали подправить код, я подправил и заработало! Но не понятен этот момент!

Как рекурсивно удалить текстовые узлы?

0xD34F, объясните пожалуйста, почему с минусом работает, а без него нет)))? Что это за "children[i--]"?

И ещё, возвращать нужно не children, а container!

Как рекурсивно удалить текстовые узлы?

Посмотрите пожалуйста этот код. По заданию, обход нужно начат со span, поэтому делаю, как указано.
Ошибка: Uncaught TypeError: children.removeChild is not a function

var container = document.querySelector('span');

  function deleteTextNodesRecursive(arg){
    var children = arg.childNodes;
    for(var i = 0; i < children.length; ++i){
      if(children[i].nodeType == 3){
                children.removeChild(children[i]);
      }else if(children[i].nodeType == 1){
               if(children[i].hasChildNodes()){
        var newArg = children[i];
        deleteTextNodesRecursive(newArg);
        }
      }
       }		
      return children;			
    }

  console.log(deleteTextNodesRecursive(container));

Разметка такая же как и в задании:

<span> <div> <b>привет</b> </div> <p>loftchool</p> !!!</span>

P.S. Предыдущее задание было без глубины и без рекурсии соответственно. Его я выполнил без проблем:

function deleteTextNodes(where) {
		var box = document.querySelector(where);
		for(el of box.childNodes){
			if(el.nodeType == 3){
				box.removeChild(el);
			}
			
		}
		return box;
}

console.log(deleteTextNodes('.container'));

<div class="container">
	<div></div>
	<p></p>
    <a></a>
    <span></span>
    <p></p>
</div>

Как рекурсивно удалить текстовые узлы?

Переписал код с учётом вашего комментария, но не всё, поскольку я не совсем понял, почему цикл не увеличиваем. Что тогда с ним делать? ...И не работает почему-то функция removeChild

var container = document.querySelector('span');

	function deleteTextNodesRecursive(arg){
		var children = arg.childNodes;
		for(var i = 0; i < children.length; ++i){
			if(children[i].nodeType == 3){
                children.removeChild(children[i]);
			}else if(children[i].nodeType == 1){
               if(children[i].hasChildNodes()){
				var newArg = children[i];
				deleteTextNodesRecursive(newArg);
			  }
			}
		   }		
		  return children;			
		}

	console.log(deleteTextNodesRecursive(container));

Как рекурсивно удалить текстовые узлы?

WbICHA, а дальше, функция вновь вызывается но уже с новым элементом. Вы можете объяснить, почему в

for(el of container.childNodes){
			console.log(el);

Элемент el выдаёт кавычки. Как мне увидеть каждый узел span?

Как рекурсивно удалить текстовые узлы?

WbICHA, переменная newArg подставляется в функцию deleteTextNodesRecursive(arg) с новым элементом

Как правильно добавлять фоновую картинку на страницу?

Алексей Ярков, а, вот в чём дело! Понятно! ... Но у этого подхода, как мне кажется есть недостаток и заключается он в том, что вы не сможете отрегулировать content по высоте, как вам хочется. А не исходя из 3-х позиций.

Как правильно добавлять фоновую картинку на страницу?

Ничего себе! А как без absolute content поверх картинки находиться? Не знал, что display flex обладает таким замечательным свойством. Удивительно. Для меня, честно говоря, это небольшое открытие

Как установить на сайт выбор языков?

Сергей delphinpro, а не лучше select с option?

Как установить на сайт выбор языков?

Сергей delphinpro, языки!!!! Простите пожалуйста, опечатка! Мне как верстальщику нужен механизм выбора языка, но я не знаю, как к этому подойти. Помогите пожалуйста!

Как в VS Code скопировать разом все классы из html и перенести в css?

А если нужно вставить по правилам less?

Настройка webpack?

я обладаю знаниями нативного js. Конечно, не вашего уровня, но объекты от массива я отличаю. И что критического я удалил? Я без этих модулей спокойно работал и раньше. Давайте взглянем на них по внимательнее.
react": "^16.12.0", "react-dom": "^16.12.0" "@babel/preset-react": "^7.8.3", - я не пользуюсь данным фреймворком
"sass-loader": "^8.0.2", "node-sass": "^4.13.0", - я less использую
"optimize-css-assets-webpack-plugin": "^5.0.3", - я не удалял. По ошибке записал сюда

"csv-loader": "^3.0.2","papaparse": "^5.1.1","terser-webpack-plugin": "^2.3.2","webpack-bundle-analyzer": "^3.6.0","xml-loader": "^1.2.1" - мне вообще не понятны. Что-то пытался гуглить, но информацию не нашёл

P.S. Курс на который вы ссылаетесь опубликован более 4-х лет назад и это явно не webpack 4 и я не уверен что 3) А разница между версиями, насколько я понял, колосальная

Не работает webpack.config?

approximate solution, Да, спасибо! Я на самом деле конечно же стараюсь разобраться в вопросе, просматривая и читая материал, но webpack не сразу поддаётся. И отчасти это происходит из-за того, что обновления версии различных библиотек требует правки в конфиге. То есть нельзя сделать один файл webpack.config и быть уверенным, что он у тебя будет работать вечно. А потому, когда я прошу дать знакомых разработчиков файл с webpack.config, то далеко не все замарачиваются его делать и часто работают без него. А касаемо вопроса по командам, мне кажется что их слишком много. (и dev и start) и не совсем очевидна между ними разница

Не работает webpack.config?

approximate solution, Заработало, огромное спасибо вам!!!! Последний вопрос насчёт порядка запуска. Лучше запускать командами:
1) npm run dev
2) npm run start

и по завершению проекта
3) npm run build

И какой онлайн редактор для показа кода вы мне можете порекомендовать. Мне нужен тот, в который я могу загрузить папку с проектом, а не просто код как codepen и т.д. ?

Не работает webpack.config?

approximate solution, https://dropmefiles.com/o47gj

Не работает webpack.config?

но почему указывает на CopyPlugin если его нет? Помогите найти ошибку. Я понял, что дела в обертке объекта, но где нужно убрать {}, на какой строчке?

Как сделать подобную таблицу?

Ankhena, к примеру, каким образом сделать так, чтобы при уменьшении экрана появлялся горизонтальный и вертикальный скролл(Именно для таблицы) и столбцы уходили за ним

Как записать данную фразу в jquery?

Антон Шаманов, пусть так. Я не должен был говорить строго про jquery, признаю ошибку. Мне главное, чтобы код заработал!

Как записать данную фразу в jquery?

как заставить этот код работать? И почему атрибут value не меняется, когда мы меняем значение в браузере?

_side3.onclick = () => {
            const checked = Array.from(document.querySelectorAll('.check-for-value'))
                .filter(elem => parseInt(elem.value) !== 0);

            const boxes = $('.check-for-value').length
            console.log(boxes);
            submit.disabled = (checked !== boxes)
        }

Как записать данную фразу в jquery?

а как со вторым условием?