mtable-dynamic-width-attribute-001.html (1238B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Test dynamic change of the width attribute</title> 4 <link rel="match" href="mtable-dynamic-width-attribute-001-ref.html"/> 5 <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.mtable"/> 6 <script> 7 document.documentElement.addEventListener("TestRendered", () => { 8 // Attach attribute width="200px" to mtable. 9 mtable.setAttribute("width", "200px"); 10 document.documentElement.removeAttribute("class"); 11 }); 12 </script> 13 <math> 14 <mtable id="mtable"> 15 <mtr> 16 <mtd> 17 <mspace width="10px" height="10px" style="background: blue"/> 18 </mtd> 19 <mtd> 20 <mspace width="10px" height="10px" style="background: blue"/> 21 </mtd> 22 <mtd> 23 <mspace width="10px" height="10px" style="background: blue"/> 24 </mtd> 25 </mtr> 26 <mtr> 27 <mtd> 28 <mspace width="10px" height="10px" style="background: blue"/> 29 </mtd> 30 <mtd> 31 <mspace width="10px" height="10px" style="background: blue"/> 32 </mtd> 33 <mtd> 34 <mspace width="10px" height="10px" style="background: blue"/> 35 </mtd> 36 </mtr> 37 </mtable> 38 </math> 39 </html>