| <!DOCTYPE HTML> | |
| <div role="grid"> | |
| <div role="presentation" id="row1"> | |
| <div role="gridcell">Cell</div> | |
| <div role="gridcell">Cell</div> | |
| </div> | |
| </div> | |
| <table role="presentation" id="table1"> | |
| <caption>Real data table</caption> | |
| <tr id="tr1"> | |
| <td id="td1">X</td> | |
| </tr> | |
| </table> | |
| <script> | |
| document.getElementById('row1').setAttribute('role', 'row'); | |
| document.getElementById('table1').removeAttribute('role'); | |
| </script> |