HTML – attributes vs properties [duplicate]

by

Attributes are defined by HTML. Properties (on DOM elements) are defined by DOM (and also HTML 5 which blurs the boundary between markup and DOM).

Some HTML attributes have 1:1 mapping onto properties. id is one example of such.

Sometimes the names are different. The class attribute maps onto the className property, and the value attribute maps on to the defaultValue property (while the value property has no corresponding attribute).

When I originally wrote this answer, I thought there were attributes without a 1:1 mapping to a property. With this update, I can no longer think of any (and have made corrections for the above examples).

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to send data to the server via Ajax?
  3. How to force browser to show image 3 inches wide?
  4. Making a quiz in HTML and Javascript [closed]
  5. HTML Form Submit pass array to PHP [closed]
  6. Add/Remove Class of Nav Objects on Page Scroll
  7. Stop form refreshing page on submit
  8. How can I select an element by name with jQuery?
  9. How to save an image to localStorage and display it on the next page?
  10. jQuery disable/enable submit button
  11. TypeError: p.easing[this.easing] is not a function
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. Make function wait until element exists
  14. How to reset the bootstrap modal when it gets closed and open it fresh again?
  15. Set keyboard focus to a
  16. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  17. how to disable DIV element and everything inside [duplicate]
  18. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  19. jQuery position DIV fixed at top on scroll
  20. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  21. How do I select the innermost element?
  22. How to prevent html/JavaScript code modification
  23. How can I set preview of video file, selecting from input type=’file’
  24. Detect browser wrapped lines via javascript
  25. Center an Image vertically and horizontally using CSS
  26. Change background on button click, using CSS only? [duplicate]
  27. Jquery/Javascript Opacity animation with scroll
  28. Set value to currency in
  29. How to replace the entire html webpage with ajax response?
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment