JSFiddle - React, Tailwind, and code Playground

HTML

<div style="container">
<button value="UPDATE" onclick="update()">UPDATE</button>
<table><tr><td>
<span>1A</span>
</td><td>
<span>1B</span>
</td><td>
<span>1C</span>
</td></tr><tr><td>
<span>2A</span>
</td><td>
<span>2B</span>
</td><td>
<span>2C</span>
</td></tr><tr><td>
<span>3A</span>
</td><td>
<span>3B</span>
</td><td>
<span>3C</span>
</td></tr></table></div>

CSS

span {
	border: 1px solid black;
	padding: 5px;
}
td {
	padding: 10px;
}
div {
	padding: 10px;
	border: 2px solid black;
	display: inline-block;
	text-align: center;
}

JavaScript

function update() {
  var spans = document.getElementsByTagName('span');
	for (var i = 0; i < spans.length; i++) {
	  spans[i].innerHTML = "UPDATED!";
	};
}