Get data from cell

by akmiecik

HTML

<table id="run_data">
  <thead>
	<tr>
		<th>Run Date</th>
		<th>Quarter</th>
		<th>Quarters Out</th>
		<th>Region</th>
		<th>Low</th>
		<th>High</th>
        <th>Settle CL</th>
        <th>Settle RB</th>
        <th>Settle HO</th>
        <th>Settle NG</th>		
	</tr>
 </thead><tbody><tr id="west2Q22">
		<td>2022-04-23</td>
		<td>2Q22</td>
		<td>0</td>		
		<td>west</td>
		<td>645.00</td>
		<td>715.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="rockies2Q22">
		<td>2022-04-23</td>
		<td>2Q22</td>
		<td>0</td>		
		<td>rockies</td>
		<td>585.00</td>
		<td>675.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="midwest2Q22">
		<td>2022-04-23</td>
		<td>2Q22</td>
		<td>0</td>		
		<td>midwest</td>
		<td>625.00</td>
		<td>695.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="northwest2Q22">
		<td>2022-04-23</td>
		<td>2Q22</td>
		<td>0</td>		
		<td>northwest</td>
		<td>625.00</td>
		<td>695.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="gulf2Q22">
		<td>2022-04-23</td>
		<td>2Q22</td>
		<td>0</td>		
		<td>gulf</td>
		<td>625.00</td>
		<td>675.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="west3Q22">
		<td>2022-04-23</td>
		<td>3Q22</td>
		<td>1</td>		
		<td>west</td>
		<td>695.00</td>
		<td>765.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="rockies3Q22">
		<td>2022-04-23</td>
		<td>3Q22</td>
		<td>1</td>		
		<td>rockies</td>
		<td>635.00</td>
		<td>725.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr id="midwest3Q22">
		<td>2022-04-23</td>
		<td>3Q22</td>
		<td>1</td>		
		<td>midwest</td>
		<td>675.00</td>
		<td>745.00</td>
		<td>103.79</td>
		<td>3.34</td>
		<td>3.90</td>
		<td>6.96</td>
		</tr><tr...

CSS

table, th, td 
        {
            border: solid 1px #DDD;
            border-collapse: collapse;
            padding: 2px 3px;
            text-align: center;
        }
        th {
            font-weight:bold;
        }

JavaScript

var Row = document.getElementById("west2Q22");
var Cells = Row.getElementsByTagName("td");
var west2Q22_low = Cells[4].innerText
var west2Q22_high = Cells[5].innerText
alert(west2Q22_low);
alert(west2Q22_high);