Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPEhtml>
- <html>
- <head>
- <meta charset=utf-8/>
- <title>Title</title>
- </head>
- <body>
- <p>[<a href="#"onMouseOver="highlight()"onMouseOut="returnТoNormal()">On mouse over here bold words of the following paragraph will be highlighted</a>]</p>
- <p><strong>We</strong> have just started <strong>this</strong> section for the users (<strong> beginner</strong> to intermediate)who <strong> want </strong>to work with<strong> various </strong>JavaScript<strong> problems </strong> and write scripts online to <strong> test </strong>their JavaScript<strong> skill </strong>.</p>
- </body>
- </html>
- <script>
- var boldItems;
- window.onload=getBoldItems();
- function getBoldItems()
- {
- boldItems = document.getElementsByTagName('strong');
- }
- function highlight()
- {
- for(var i = 0 ; i < boldItems.length; i++)
- {
- boldItems[i].style.color="green";
- }
- }
- function returnToNormal() {
- for(var i = 0 ; i < boldItems.length ; i++ )
- {
- boldItems[i].style.color = "black";
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement