Syntax Higlighter For Site [closed]

by

There are a few problems with your code above:

  • You are writing your <div> in the <head> section, which is invalid HTML
  • You are using curly “ ” quotes on your <div> class declaration, which won’t work

In addition to this, your question is incredibly vague. There don’t appear to be any ‘control commands’ in your question.

Having said that, it sounds like you’re trying to turn the text in the io class red, and some additional content in a control-commands class green.

This can be done with JavaScript’s .getElementsByClassName() method and .style property as follows:

function change() {
  document.getElementsByClassName('io')[0].style.color="red";
  document.getElementsByClassName('control-commands')[0].style.color="green";
}
<div class="io">IO</div>
<div class="control-commands">Control Commands</div>
<br />
<button onclick="change()">Change</button>

Keep in mind that .getElementsByClassName returns a Node List, so you need to access the first index of that with [0] as above.

Hope this helps!

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 hide css and js version details from weppalyzer in PHP
  4. Should the Bootstrap media queries be saved in a css file or a js file?
  5. Embed live tv channel from website into my website
  6. How to make this code in Visual Studio?
  7. Auto coloring in text area in html
  8. Make header and footer files to be included in multiple html pages
  9. HTML5 Canvas Resize (Downscale) Image High Quality?
  10. HTML text-overflow ellipsis detection
  11. Positioning element at center of screen
  12. How to make Internet Explorer emulate pointer-events:none?
  13. How to show popup message like in Stack Overflow
  14. Using jQuery how to get click coordinates on the target element
  15. Dropdown select with images
  16. CSS delivery optimization: How to defer css loading?
  17. Bootstrap v2 Dropdown Navigation not working on Mobile Browsers
  18. How to build simple tabs with jQuery?
  19. Blur Img’s & Div’s in HTML using CSS
  20. Bootstrap Dropdown with Hover
  21. Failed to load resource: the server responded with a status of 404 (Not Found)
  22. Add CSS to with JavaScript?
  23. how to get the base url in javascript
  24. Scroll Position of div with “overflow: auto”
  25. Resize external website content to fit iFrame width
  26. How to show hidden divs on mouseover?
  27. Wrapping lists into columns
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. Possible to reverse a css animation on class removal?

Leave a Comment