Changing element style attribute dynamically using JavaScript

by

In addition to other answers, if you want to use the dash notition for style properties, you can also use:

document.getElementById("xyz").style["padding-top"] = "10px";

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  3. How to make page loaders/animations/transitions
  4. Download the text over image using jquery
  5. How to autosize a textarea using Prototype?
  6. Textarea Auto height [duplicate]
  7. Can I force a link to open in a specific browser?
  8. Why write when the mime type is set by the server?
  9. How to make Internet Explorer emulate pointer-events:none?
  10. How to show popup message like in Stack Overflow
  11. Using jQuery how to get click coordinates on the target element
  12. Dropdown select with images
  13. flow 2 columns of text automatically with CSS
  14. CSS delivery optimization: How to defer css loading?
  15. Bootstrap v2 Dropdown Navigation not working on Mobile Browsers
  16. Scale element proportional to Background Cover with jQuery
  17. How to build simple tabs with jQuery?
  18. Bootstrap Dropdown with Hover
  19. Failed to load resource: the server responded with a status of 404 (Not Found)
  20. Add CSS to with JavaScript?
  21. Images not loading when relative path is used in React
  22. how to get the base url in javascript
  23. Resize external website content to fit iFrame width
  24. How to show hidden divs on mouseover?
  25. Auto Mobile Site Redirect
  26. Google’s Imageless Buttons
  27. Is it possible to make input fields read-only through CSS?
  28. Freeze Header until Irrelevant (HTML, CSS and JS)
  29. How to apply background-color to a selected option?
  30. Bootstrap Dropdown menu is not working

Leave a Comment