HTML set values : I have these 2 table cells. The One span is outside td, other is around td.


    <tr height="30">
	    <span data-name="toDD1" class="sstNumber"> </span>
	    <td>Y</td>
				 					
	    <span data-name="toDD2" class="sstNumber"> 
		    <td>Y</td>
	    </span>
    </tr>


When I do the following code to set values, the value does not get updated.

`document.querySelector('span[data-name="toDD1"]').value = "a";
document.querySelector('span[data-name="toDD2"]').value = "b";`

