| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <style> | 2 <style> |
| 3 .c7 { background: white; direction: rtl; } | 3 .tableColumnGroup { |
| 4 .c7[class*="c7"] { display: table-column-group; } | 4 display: table-column-group; |
| 5 .c13 { display: table-cell; border-style: ridge; will-change: transform; } | 5 } |
| 6 .tableCell { |
| 7 display: table-cell; |
| 8 border-style: ridge; |
| 9 will-change: transform; |
| 10 } |
| 6 </style> | 11 </style> |
| 7 <script> | 12 <script> |
| 8 var nodes = Array(); | 13 function createAndAppendWithClass(targetType, targetClass) { |
| 9 nodes[1] = document.createElement('label'); | 14 var targetElement = document.createElement(targetType); |
| 10 nodes[1].setAttribute('class', 'c7'); | 15 targetElement.setAttribute('class', targetClass); |
| 11 document.documentElement.appendChild(nodes[1]); | 16 document.documentElement.appendChild(targetElement); |
| 12 nodes[2] = document.createElement('colgroup'); | 17 } |
| 13 nodes[2].setAttribute('class', 'c11'); | 18 createAndAppendWithClass('label', 'tableCell'); |
| 14 document.documentElement.appendChild(nodes[2]); | 19 createAndAppendWithClass('aside', 'tableColumnGroup'); |
| 15 nodes[3] = document.createElement('aside'); | |
| 16 nodes[3].setAttribute('class', 'c13'); | |
| 17 document.documentElement.appendChild(nodes[3]); | |
| 18 </script> | 20 </script> |
| OLD | NEW |