LayoutTests/fast/html/details-replace-summary-child.html

   1 <html>
   2 <head>
   3 <style>
   4 span { display: inline-block; font-family: monospace; }
   5 </style>
   6 <script>
   7 function test()
   8 {
   9    var s2 = document.getElementById("s2");
  10    var s3 = document.createElement("span");
  11    s3.innerHTML = "Details3";
  12    var parent = s2.parentNode;
  13    parent.replaceChild(s3, s2);
  14 }
  15
  16 function runTest()
  17 {
  18     if (window.layoutTestController)
  19         document.getElementById("run").click();
  20 }
  21 </script>
  22 <body onload="runTest()">
  23 <details open>
  24   <summary>
  25     <span id="s1">Details1</span>
  26     <span id="s2">Details2</span>
  27   </summary>
  28 </details>
  29 <input id="run" type="button" value="click" onclick="test()">
  30 </body>
  31 </html>