HTMLInputElement-cloning-steps.html 696 B

1234567891011121314151617181920212223
  1. <!DOCTYPE html>
  2. <script src="../include.js"></script>
  3. <form>
  4. <input id="checkedCheckbox" type="checkbox">
  5. <input type="text" value="FAIL">
  6. </form>
  7. <script>
  8. test(() => {
  9. const form = document.forms[0];
  10. const inputs = form.getElementsByTagName("input");
  11. inputs[0].checked = true;
  12. inputs[1].value = "PASS";
  13. const clone = form.cloneNode(true);
  14. document.body.appendChild(clone);
  15. println(`Cloned checkbox checked: ${clone.querySelector("input[type=checkbox]").checked}`);
  16. println(`Cloned text input value: ${clone.querySelector("input[type=text]").value}`);
  17. form.remove();
  18. clone.remove();
  19. });
  20. </script>