How to change CSS property using JavaScript

by

You can use style property for this. For example, if you want to change border – 

document.elm.style.border = "3px solid #FF0000";

similarly for color – 

 document.getElementById("p2").style.color="blue";

Best thing is you define a class and do this –

document.getElementById("p2").className = "classname";

(Cross Browser artifacts must be considered accordingly).

More Related Contents:

  1. Hover over image to get a box with multiple links in html/JavaScript
  2. How do I change the text of a div when I hover over a button?
  3. How do I simulate a hover with a touch in touch enabled browsers?
  4. How to toggle class using pure javascript in html
  5. When we using alert vs popup div tag? [closed]
  6. Download the text over image using jquery
  7. Replacing css file on the fly (and apply the new style to the page)
  8. How to autosize a textarea using Prototype?
  9. Is there a way to make text unselectable on an HTML page? [duplicate]
  10. How can I let a table’s body scroll but keep its head fixed in place?
  11. Can I force a link to open in a specific browser?
  12. Why write when the mime type is set by the server?
  13. How to show popup message like in Stack Overflow
  14. Is it possible to dynamically scale text size based on browser width?
  15. flow 2 columns of text automatically with CSS
  16. Responsive horizontal page sliding
  17. Need to find height of hidden div on page (set to display:none)
  18. Scale element proportional to Background Cover with jQuery
  19. What are the possible ways to hide an element via CSS [closed]
  20. What are some good ways to prevent people from copying my source code? [closed]
  21. Images not loading when relative path is used in React
  22. Resize external website content to fit iFrame width
  23. Auto Mobile Site Redirect
  24. Styling Vuetify selectors
  25. Wrapping lists into columns
  26. HTML5 input required, scroll to input with fixed navbar on submit
  27. How do I dynamically adjust css stylesheet based on browser width?
  28. How do I put a clear button inside my HTML text input box like the iPhone does?
  29. Possible to reverse a css animation on class removal?
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment