Puede hacerlo simplemente obteniendo el elemento y luego cambiando la propiedad rowSpan

 document.getElementById("empty-span").rowSpan = "6";

O con jquery:

 $('#empty-span').attr('rowspan', '6');

Prueba esto :

 document.getElementById("empty-span").rowSpan = "6";

O: con incremental:

 var currentNode = document.getElementById("empty-span"); currentNode.rowSpan = parseInt(currentNode.rowSpan) + 1;

Puede cambiar el rango de element.rowSpan rowSpan

Para demostrarlo, haga clic en la primera celda para cambiar el rango de rowSpan a 2 ;

 function enlarge() { event.target.rowSpan = 2; }

 table, th, td { border: 1px solid; }

 <table> <tr> <td onclick='enlarge()'>Click me to enlarge!</td> <td>#1-1</td> <td>#1-2</td> </tr> <tr> <td>#2-1</td> <td>#2-2</td> </tr> <table>