Raw File
dynamic-add-details.html
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html class="reftest-wait">
  <script>
  function runTest() {
    // Append open <details> into <body>
    var summary = document.createElement("summary");
    var summary_text = document.createTextNode("Summary");
    summary.appendChild(summary_text);

    var paragraph = document.createElement("p");
    var details_text = document.createTextNode("This is the details.");
    paragraph.appendChild(details_text);

    var details = document.createElement("details");
    details.appendChild(summary);
    details.appendChild(paragraph);
    details.open = true;

    document.body.appendChild(details);
    document.documentElement.removeAttribute("class");
  }
  </script>
  <body onload="runTest();">
  </body>
</html>
back to top