Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
DOM Articles
Page 3 of 4
HTML onmousemove Event Attribute
The HTML onmousemove event attribute is triggered when the mouse pointer is moving on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmousemove event Attribute−Example 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 MoreHTML onmouseout Event Attribute
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 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 MoreHTML onmouseover Event Attribute
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 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 MoreHTML returnValue Event Property
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 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 MoreHTML ondblclick Event Attribute
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 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 MoreHTML DOM Variable Object
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 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 MoreHTML DOM KeyboardEvent altKey Property
The HTML DOM KeyboardEvent altKey property returns whether an ALT key was pressed or not when a key event was triggered in an HTML document.SyntaxFollowing is the syntax −event.altKeyLet us see an example of HTML KeyboardEvent altKey property−Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } input { border: 2px solid #fff; padding: 8px; background: transparent; width: 310px; border-radius: 20px; ...
Read MoreDOMException Failed to load because no supported source was found
It can be a Cross-Origin Resource Sharing (CORS) issue.video.crossOrigin = 'anonymous';To enable cross-origin resource sharing, use the following. It allows the images to pass the HTTP header with an image response.Access-Control-Allow-Origin: *You can also use the HTML() method −$('#audio').html('');
Read MoreIncrease or decrease units in HTML5 Canvas grid
HTML5 canvas provides scale(x, y) method that is used to increase or decrease the units in our canvas grid. This can be used to draw scaled down or enlarged shapes and bitmaps.This method takes two parameters where x is the scale factor in the horizontal direction and y is the scale factor in the vertical direction. Both parameters must be positive numbers.ExampleLet us see an example − function drawShape(){ // get the canvas element using the DOM ...
Read MoreHTML DOM Textarea readOnly Property
The HTML DOM Textarea readOnly property returns and modify whether the content of a text area element in an HTML document should be read only or not.SyntaxFollowing is the syntax −1. Returning readOnlyobject.readOnly2. Adding readOnlyobject.readOnly = true | falseLet us see an example of HTML DOM Textarea readOnly Property −Example body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ...
Read More