Boolean HTML Attributes

by

(Because of some framework code I use, not calling setAttribute(), or calling removeAttribute() is difficult.)

Then I would submit that the framework code needs fixing, or dumping.

You can’t setAttribute to unset an attribute, by design. Any solution you found involving out-of-band values like ‘null’, if it happened to work in any particular browser, would be quite invalid according to the DOM Core standard.

setAttribute() is in any case best avoided in browser (non-XML) HTML contexts. IE pre-8 doesn’t know the difference between a DOM attribute and a JavaScript property, which can easily result in many really weird problems. If you’re trying to set ‘checked’ as an attribute (which theoretically you should do by setting it to the string “checked”), don’t expect IE to co-operate.

The full list of boolean attributes in HTML 4.01 (and hence XHTML 1.0) is (with property names where they differ in case):

checked             (input type=checkbox/radio)
selected            (option)
disabled            (input, textarea, button, select, option, optgroup)
readonly            (input type=text/password, textarea)
multiple            (select,input)
ismap     isMap     (img, input type=image)

defer               (script)
declare             (object; never used)
noresize  noResize  (frame)
nowrap    noWrap    (td, th; deprecated)
noshade   noShade   (hr; deprecated)
compact             (ul, ol, dl, menu, dir; deprecated)

More Related Contents:

  1. jQuery document.createElement equivalent?
  2. jQuery: how to change tag name?
  3. How can I tell if a DOM element is visible in the current viewport?
  4. Parse an HTML string with JS
  5. Browser detection versus feature detection
  6. How can I count text lines inside an DOM element? Can I?
  7. How do I create a link using javascript?
  8. How to show Page Loading div until the page has finished loading?
  9. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  10. Find the closest ancestor element that has a specific class
  11. Replace HTML page with contents retrieved via AJAX
  12. How do I replace text inside a div element?
  13. Dynamically creating HTML elements using Javascript?
  14. What’s standard behavior when element is clicked? Will it submit the form?
  15. Get element at specified position – JavaScript
  16. Pass mouse events through absolutely-positioned element
  17. Add SVG element to existing SVG using DOM
  18. getAttribute() versus Element object properties?
  19. How to iterate through all attributes in an HTML element?
  20. Adding images to an HTML document with JavaScript
  21. HTML Table with vertical rows
  22. How to move table row in jQuery?
  23. Add an element to the DOM with JavaScript
  24. Is it the last `script` element the currently running script?
  25. How to get the title of HTML page with JavaScript?
  26. How to add DOM element script to head section?
  27. React, losing saved data in localStorage with useEffect after page refresh
  28. How to escape HTML
  29. User Activity Tracking using javascript library [closed]
  30. Fill user name and password in a webpage using VBA

Leave a Comment