Is there a spec that the id of elements should be made global variable?

by

It depends on which spec you read. 🙂

This behavior is not described by the HTML4 specification (c.f., http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#adef-id and http://www.w3.org/TR/1999/REC-html401-19991224/types.html#type-name). However, it was introduced by Internet Explorer and then copied in other major browsers for compatibility. FireFox also displays this behavior, but only in quirks mode (and even then its implementation seems buggy).

The WHATWG HTML spec currently requires this behavior (a bug report requesting it be removed was closed WONTFIX).

Regardless of spec compliance, using the global namespace (i.e., window) for application code is generally considered bad behavior. Consider referencing element IDs using document.getElementById() or jQuery convenience methods (e.g., $("#a")) and using function-scoped variables to avoid introducing new variables into the global namespace.

There is a longer discussion of this behavior on the WHATWG mailing list.

More Related Contents:

  1. Do DOM tree elements with IDs become global properties?
  2. How can I select an element by name with jQuery?
  3. Converting HTML string into DOM elements?
  4. Changing CSS Values with Javascript
  5. Get next / previous element using JavaScript?
  6. How to resolve the C:\fakepath?
  7. Get selected option text with JavaScript
  8. What is innerHTML on input elements?
  9. Getting value of HTML Checkbox from onclick/onchange events
  10. JavaScript DOM: Find Element Index In Container
  11. Adding an onclick event to a table row
  12. Is innerHTML asynchronous?
  13. Does the onchange event propagate?
  14. Change ‘s option and trigger events with JavaScript
  15. Is there any “on DOM change” event? [duplicate]
  16. Can I apply CSS to the elements within an iframe?
  17. Changing the order of elements
  18. createElement vs. createElementNS
  19. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  20. Uncaught TypeError: Cannot read property ‘top’ of undefined
  21. getElementsByClassName() with two classes
  22. What is the difference between `firstChild` and `firstElementChild`?
  23. How can I get access to a Highcharts chart through a DOM-Container?
  24. How can I remove wrapper (parent element) without removing the child?
  25. How to properly unload/destroy a VIDEO element
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  28. How to get element by class name
  29. Test if an element can contain text
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment