Can I use Javascript to change the td content in a table?

Question

I have tr (with an id="one") and 3 td's, with text "Over", "Under" and "Between", respectively. After selecting the tr element using document.getElementById("one"), how do I change say "Between" to "Through" ?

Answer 1

https://www.w3schools.com/jsref/prop_html_innerhtml.asp

Answer 2

// Assuming element "Between" is the third td element.

document.querySelectorAll("#one td")[2].innerText = "Through";

Answer 3

Calvin, thank you! Why does trip.childnodes[2].innertext = not work?

Answer 4

childNodes

Answer 5

I started with var trips = document.getElementById("one") then var arr = trips.childNodes then arr[2].innerHTML = "Through"; ** Wanted to understand why this approach is incorrect**

Answer 6

Please note that whitespace and text is considered as nodes and comments are also considered as nodes.