Is it possible or is there any logic on how to remove specific node in nodelist?
I tried to use pop() out of nowhere thinking that it would work and i just laughed at my self.
I have this nodelist looks like this :
0: input#quesNameMLCTS 1: input#choicesTextAMLCTS 2: input#choicesTextBMLCTS 3: input#choicesTextCMLCTS 4: input#choicesTextDMLCTS 5: input#choicesTextCorrectMLCTS
I want to remove 3 and 5. is there any possible way to do that without modifying in HTML CODE?
Expected output looks like this :
0: input#quesNameMLCTS 1: input#choicesTextAMLCTS 2: input#choicesTextBMLCTS 3: input#choicesTextDMLCTS
There doesn’t appear to be any method available to mutate a NodeList (or even an HTMLCollection) unless the collection happens to be live (such that changes to the nodes in the document result in changes to the collection) – so if you want to keep the existing nodes in the document as-is, there’s no way to restructure the collection.
That said, it’d be pretty simple to convert it to an array, then change the array however you want.
// Take a NodeList and convert it into an array const inputs = [...document.querySelectorAll('input')]; // Remove a single element at index 5 from the array inputs.splice(5, 1);