dynamic-add-summary-and-paragraph.html 845 B

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <!-- Any copyright is dedicated to the Public Domain.
  3. - http://creativecommons.org/publicdomain/zero/1.0/ -->
  4. <html class="reftest-wait">
  5. <script>
  6. function runTest() {
  7. // Append <summary> and <p> into <details>.
  8. var summary = document.createElement("summary");
  9. var summary_text = document.createTextNode("Summary");
  10. summary.appendChild(summary_text);
  11. var paragraph = document.createElement("p");
  12. var details_text = document.createTextNode("This is the details.");
  13. paragraph.appendChild(details_text);
  14. var details = document.getElementById("details");
  15. details.appendChild(summary);
  16. details.appendChild(paragraph);
  17. document.documentElement.removeAttribute("class");
  18. }
  19. </script>
  20. <body onload="runTest();">
  21. <details open id="details">
  22. </details>
  23. </body>
  24. </html>