How to change all elements with the same IDs javascript/html? [duplicate]

by

You can’t use multiple sample id’s on sample page, better to use class instead id.

You can see example here: Demo

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <style>
    div.mytext{
      color:red;
    }
  </style>
  <script>
    $(document).ready(function(){
       $("#btn").click(function() {
         $("div").addClass('mytext');
      });
    });
  </script>
</head>
<body>
<button id="btn">Change All Divs Class</button>
<div id="content1">Hi</div>
<div id="content2">Hi</div>
<div id="content3">Hi</div>
</body>
</html>

More Related Contents:

  1. Input type="text" with select functionality after clicking on Input type="text"
  2. Syntax Higlighter For Site [closed]
  3. HTML: how refresh information in [closed]
  4. Javascript Execute message when mouse is on left side of page [closed]
  5. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  6. Event on a disabled input
  7. Hide text in html which does not have any html tags [duplicate]
  8. How to get the entire document HTML as a string?
  9. Clear icon inside input text
  10. Ternary operator in AngularJS templates
  11. drag drop files into standard html file input
  12. Does Schema.org markup work if markup is dynamically built with JavaScript?
  13. Prevent orientation change in iOS Safari
  14. Perform action when clicking HTML5 datalist option
  15. Position fixed not working in mobile browser
  16. how to add new to onclick with javascript
  17. How to Clear/Remove JavaScript Event Handler?
  18. Remove specific HTML tag with its content from javascript string
  19. How to define the css :hover state in a jQuery selector?
  20. How to get list of network requests done by HTML
  21. Create a string of variable length, filled with a repeated character
  22. How to remove youtube branding after embedding video in web page?
  23. AngularJS – placeholder for empty result from filter
  24. How to scroll to an element in jQuery?
  25. Extracting text from a contentEditable div
  26. How to create a collapsing tree table in html/css/js?
  27. Can I load a local file into an html canvas element?
  28. Passing parameters to a JQuery function
  29. How to put a waved line under misspelled words HTML
  30. Validate Dynamically Added Input fields

Leave a Comment