HTMLOutputElement-htmlfor.html 1.2 KB

1234567891011121314151617181920
  1. <!DOCTYPE html>
  2. <script src="../include.js"></script>
  3. <script>
  4. test(() => {
  5. const outputElement = document.createElement("output");
  6. const htmlFor = outputElement.htmlFor;
  7. println(`output.htmlFor is initially empty: ${htmlFor.length === 0}`);
  8. println(`output.htmlFor always returns the same object: ${outputElement.htmlFor === htmlFor}`);
  9. outputElement.htmlFor = "a";
  10. println(`output.htmlFor after setting output.htmlFor to "a": ${outputElement.htmlFor}`);
  11. println(`for attribute value after setting output.htmlFor to "a": ${outputElement.getAttribute("for")}`);
  12. outputElement.setAttribute("for", "b");
  13. println(`output.htmlFor after calling output.setAttribute("for", "b"): ${outputElement.htmlFor}`);
  14. outputElement.htmlFor = "c d";
  15. println(`output.htmlFor after setting output.htmlFor to "c d": ${outputElement.htmlFor}`);
  16. println(`for attribute value after setting output.htmlFor to "c d": ${outputElement.getAttribute("for")}`);
  17. println(`output.htmlFor.contains("c"): ${outputElement.htmlFor.contains("c")}`);
  18. println(`output.htmlFor.contains("a"): ${outputElement.htmlFor.contains("a")}`);
  19. });
  20. </script>