Javascript - Traverse Down through A DOM Node

traverse_dom_node.js

let prompt_elements = [ ...document.querySelectorAll( ".stack__answer-question" )[ 0 ].querySelectorAll( "p" ) ];
let tree_walker = document.createTreeWalker( prompt_elements[ 2 ] , NodeFilter.SHOW_ALL , {
	acceptNode: function ( node ) {
		return NodeFilter.FILTER_ACCEPT;
	}
} , false );
let done = false;
while( done === false ) {
	let next_node = tree_walker.nextNode();
	if ( !next_node ) { done = true; }
	console.log( next_node );
}

function apply_to_all_child_nodes( starting_element , x_function ) {
	let tree_walker = document.createTreeWalker( starting_element , NodeFilter.SHOW_ALL , {
		acceptNode: function ( node ) {
			return NodeFilter.FILTER_ACCEPT;
		}
	} , false );
	let done = false;
	while( done === false ) {
		let next_node = tree_walker.nextNode();
		if ( !next_node ) { done = true; }
		x_function( next_node );
	}
}
apply_to_all_child_nodes( document.getElementById( "test-1" ) , function( node ) {
	if ( !node ) { return; }
	if ( node === null ) { return; }
	if ( !node.attributes ) { return; }
	[ ...node.attributes ].forEach( attr => node.removeAttribute( attr.name ) );
	node.classList = "";
	switch( node.localName ) {
		case "li":
			break;
		case "input":
			// console.log( "why the fuck are there inputs here ?" );
			node.parentNode.removeChild( node );
		default:
			break;
	}
});