loading-attribute.html 1.1 KB

12345678910111213141516171819202122
  1. <!DOCTYPE html>
  2. <script src="../include.js"></script>
  3. <script>
  4. test(() => {
  5. for (const elementName of ["img", "iframe"]) {
  6. const element = document.createElement(elementName);
  7. println(`${elementName} loading initial value: ${element.loading}`);
  8. element.loading = "invalid";
  9. println(`${elementName} loading value after setting to "invalid": ${element.loading}`);
  10. element.loading = "lazy";
  11. println(`${elementName} loading value after setting to "lazy": ${element.loading}`);
  12. element.loading = null;
  13. println(`${elementName} loading value after setting to null: ${element.loading}`);
  14. element.loading = "LAZY";
  15. println(`${elementName} loading value after setting to "LAZY": ${element.loading}`);
  16. element.loading = "";
  17. println(`${elementName} loading value after setting to "": ${element.loading}`);
  18. element.removeAttribute("loading");
  19. println(`${elementName} loading value after calling removeAttribute: ${element.loading}`);
  20. }
  21. });
  22. </script>