why won't this javascript function work

Question

... it's supposed to change the name from alex simpson to Peter parker but it does nothing..no errors, just nothing

https://code.sololearn.com/WnOGF7NPfj89/?ref=app

Answer 1

Empty lines will be considered as text child node.

arr[0] is text node
arr[1] is img tag
arr[2] is again text node
arr[3] is p tag (this is what you want to edit)

Answer 2

Use arr[3] instead of 1

Answer 3

Will one of you blue stars please explain how you come to know that it is the third element of arr nodelist that should be used?

Answer 4

Why don't use a query selector like document.querySelector("#header p").innerHTML = "New Name" and save some headache.

Answer 5

childNodes is a NodeList of all nodes in a element (including text nodes)

<div>
Hello
<p id="p">world</p>
</div>

Contains 3 childNodes
- TextNode - " Hello"
- HTMLParagraphElement - #p
- TextNode - ""

Solution 👇
Change a.childNodes to a.children

Answer 6

ODLNT

console.log([...arr])

That is it

Answer 7

RDC it works now,thanks....but... I dont see any empty lines in the <div> ,..so I'm a bit confused

Answer 8

cuz your bad