Node-normalize.html 1.6 KB

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <script src="../include.js"></script>
  3. <script>
  4. test(() => {
  5. const documentFragment = document.createDocumentFragment();
  6. const textNode1 = document.createTextNode("1");
  7. const textNode2 = document.createTextNode("2");
  8. const textNode3 = document.createTextNode("3");
  9. const textNode4 = document.createTextNode("4");
  10. const emptyTextNode = document.createTextNode("");
  11. documentFragment.appendChild(textNode1);
  12. documentFragment.appendChild(emptyTextNode);
  13. documentFragment.appendChild(textNode2);
  14. println(`Document fragment initial text: ${documentFragment.textContent}, child nodes: ${documentFragment.childNodes.length}`);
  15. let element = document.createElement('div');
  16. documentFragment.appendChild(element);
  17. element.appendChild(textNode3);
  18. element.appendChild(textNode4);
  19. println(`Element initial text: ${element.textContent}, child nodes: ${element.childNodes.length}`);
  20. document.normalize();
  21. println(`Element text after document.normalize(): ${element.textContent}, child nodes: ${element.childNodes.length}`);
  22. documentFragment.normalize();
  23. println(`Document fragment text after documentFragment.normalize(): ${documentFragment.textContent}, child nodes: ${documentFragment.childNodes.length}`);
  24. println(`Text node 1 data: ${textNode1.data}`);
  25. println(`Text node 2 data: ${textNode2.data}`);
  26. println(`Text node 3 data: ${textNode3.data}`);
  27. println(`Text node 4 data: ${textNode4.data}`);
  28. });
  29. </script>