Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
The HTML DOM Variable Object represent the element of an HTML document.Create var object−SyntaxFollowing is the syntax −document.createElement(“VAR”);Let us see an example of var object−Example Live Demo body { text-align: center; background-color: #fff; color: #0197F6; } h1 { color: #23CE6B; } .btn { background-color: #fff; border: 2px solid #0197F6; height: 2rem; width: 40%; margin: 2rem auto; display: block; color: #0197F6; ... Read More
The HTML DOM HR Object represent the element of an HTML document.Create hr object−SyntaxFollowing is the syntax −document.createElement(“HR”);Let us see an example of hr object−Example Live Demo body { text-align: center; background-color: #fff; color: #0197F6; } h1 { color: #23CE6B; } .btn { background-color: #fff; border: 2px solid #0197F6; height: 2rem; width: 40%; margin: 2rem auto; display: block; color: #0197F6; ... Read More
The HTML DOM Ins Object represent the element of an HTML document.Create ins objectSyntaxFollowing is the syntax −document.createElement(“INS”);Properties of ins objectPropertyExplanationciteIt returns and alter the value of the cite attribute of an ins element in an HTML document.dateTimeIt returns and alter the value of the cite attribute of an ins element in an HTML document.Let us see an example of ins object−Example Live Demo body { text-align: center; background-color: #fff; color: #0197F6; } h1 { color: #23CE6B; } DOM ins ... Read More
The HTML ondblclick attribute is triggered when you mouse double-click on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondblclick event Attribute−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ... Read More
The HTML DOM tagname property returns the tag name of the HTML element in an HTML document.SyntaxFollowing is the syntax −element.tagNameLet us see an example of HTML DOM tagName property−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: ... Read More
The HTML DOM Style paddingRight property return and add right padding to an HTML element.SyntaxFollowing is the syntax −1. Returning paddingRightobject.style.paddingRight2. Adding paddingRightobject.style.paddingRight=”value”Here, “value” can be the following −ValueDetailslengthIt defines value padding in length unit.initialIt defines padding to its default value.inheritIn this padding gets inherited from its parent element.percentage(%)It defines padding in percentage of the width of the parent element.Let us see an example of HTML DOM Style paddingRight property−Example Live Demo .outer-box { background-color: #db133a; width: 300px; height: 300px; margin: 1rem auto; } ... Read More
The HTML onhashchange event attribute is triggered when there is a change in the anchor part of the URL in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onhashchange event attribute−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; color: #fff; height: 2rem; ... Read More
The HTML returnValue event property returns and modify whether the current event is cancelled or not.SyntaxFollowing is the syntax −1. Returning returnValueevent.returnValue2. Adding returnValueevent.returnValue=”true | false”Let us see an example of HTML returnValue event property−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } input { width: 200px; height: 2rem; } .msg { font-size: 1.5rem; } ... Read More
The HTML onmouseover event attribute is triggered when the mouse pointer moves over an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmouseover event Attribute−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .circle { background: #db133a; height: 150px; width: 150px; border-radius: 50%; margin: 10px auto; ... Read More
The HTML onmouseout event attribute is triggered when the mouse pointer moves out of an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmouseout event Attribute−Example Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .circle { background: #db133a; height: 150px; width: 150px; border-radius: 50%; margin: 10px ... Read More