Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- #myDIV {
- border: 1px solid black;
- margin: 5px;
- }
- </style>
- </head>
- <body>
- <div id="myDIV">
- <h3>A h3 element in div.</h3>
- <p>P element in div.</p>
- <span>A span element in div.</span>
- <h2>A h2 element in div.</h2>
- <div>A div element in div.</div>
- <p>Another p element in div.</p>
- </div>
- <div id="myDIV">
- <h3>A h3 element in div.</h3>
- <p>P element in div.</p>
- <span>A span element in div.</span>
- <h2>A h2 element in div.</h2>
- <div>A div element in div.</div>
- <p>Another p element in div.</p>
- </div>
- <p>Click the button to add a background color to all elements inside the div element.</p>
- <button onclick="myFunction()">Try it</button>
- <script>
- function myFunction() {
- var x = document.getElementById("myDIV");
- var y = x.getElementsByTagName("p");
- var i;
- for (i = 0; i < y.length; i++) {
- y[i].style.backgroundColor = "red";
- }
- }
- </script>
- <select name="condicion" onchange="myFunction(this.value)">
- <option value="1">PRESENTE</option>
- <option value="2">PERMISO</option>
- </select>
- <select name="condicion" onchange="myFunction(this.value)">
- <option value="1">PRESENTE</option>
- <option value="2">PERMISO</option>
- </select>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement