Javascript Articles

Page 218 of 534

How to set the right padding of an element with JavaScript?

Shubham Vora
Shubham Vora
Updated on 22-Nov-2022 1K+ Views

In this tutorial, we will learn how to set the right padding of an element with JavaScript. First, let's try to understand what padding means; padding is simply an extra space between a page's border and our content. The gap between them increases as the value of padding increases. Padding is similar to the margin; padding is distinct from the margin because padding adds space between the border and content, whereas margin is used to add space around the edge. While padding can be done on all sides, i.e., Top, Bottom, Left, and Right in the following lines, we will ...

Read More

How to set the painting area of the background with JavaScript?

Shubham Vora
Shubham Vora
Updated on 22-Nov-2022 359 Views

In this tutorial, we will learn how to set the painting area of the background with JavaScript. The task is to define the background painting area. The background-clip property is commonly used to square measure the painting space of any web page's background. It specifies that we will modify the webpage's background regarding its contents or images/videos. The background-clip property specifies whether the background of an element extends beneath its border-box, padding box, or content box. If the element does not have a background image or color, this property has no visual effect unless the border has transparent or partially ...

Read More

How to set the padding of an element with JavaScript?

Shubham Vora
Shubham Vora
Updated on 22-Nov-2022 6K+ Views

In this tutorial, we will look at the methods to set the padding of an element with JavaScript. All of us know that there are margins and padding available in JavaScript. Then, what exactly is the padding of an element? Padding can be termed as the space between an element's content and its border, whereas margin adds space around the edge. Use the padding property in JavaScript to set the padding of an element Let us check out the method to set the padding. Using the Style padding Property In this section, let us discuss the padding property. ...

Read More

What is JavaScript AES Encryption?

Lokesh Badavath
Lokesh Badavath
Updated on 21-Nov-2022 15K+ Views

In this article, we are going to learn what is JavaScript AES Encryption. AES is an algorithm developed for the encryption of data. AES uses the same key to encrypt and decrypt data, called the symmetric encryption algorithm. AES encryption is Advanced Encryption Standard (AES) to encrypt the data in the application. We use the JavaScript library Forge to perform AES encryption. These algorithms are used in different communication apps such as WhatsApp, Signal, etc. The third-party user cannot be able to decrypt the message, and when the message is reached the destination receiver endpoint, it is decrypted using the ...

Read More

Adding an element at the end of the array in Javascript

Lokesh Badavath
Lokesh Badavath
Updated on 21-Nov-2022 576 Views

In this article, we are going to add an at the end of the array in JavaScript. An array is a special variable, which can hold more than one value. An array is a collection of items stored at contiguous memory locations. The idea is to store multiple items together. This makes it easier to calculate the position of each element by simply adding an offset to a base value of the memory location of the first element of the array. The base value is index 0 for the first element in the array and the difference between the two ...

Read More

Adding an element at a given position of the array in Javascript

Lokesh Badavath
Lokesh Badavath
Updated on 21-Nov-2022 593 Views

In this article, we are going to learn how to add an element at a given position of the array in JavaScript. An array is a special variable, which can hold more than one value. An array is a collection of items stored at contiguous memory locations. The idea is to store multiple items together. This makes it easier to calculate the position of each element by simply adding an offset to a base value of the memory location of the first element of the array. The base value is index 0 for the first element in the array and ...

Read More

Adding an element at the start of the array in Javascript

Lokesh Badavath
Lokesh Badavath
Updated on 21-Nov-2022 424 Views

In this article, we are going to learn how to add an element at the start of the array in JavaScript. An array is a special variable, which can hold more than one value sequentially. It is a collection of items stored at contiguous memory locations. The idea is to store multiple items together. This makes it easier to calculate the position of each element by simply adding an offset to a base value of the memory location of the first element of the array. The base value is index 0 for the first element in the array and the ...

Read More

How to get the body's content of an iframe in JavaScript?

Lokesh Badavath
Lokesh Badavath
Updated on 21-Nov-2022 24K+ Views

We use getIframeContent(frameId), to get the object reference of an iframe in JavaScript. To get the element in an iframe, first we need access the element inside the JavaScript using the document.getElementById() method by passing iframe id as an argument. Using iframetag The tag in HTML specifies an inline frame. This inline frame is used to embed another document within the current HTML document. The element is supported in every browser like (Google Chrome, Microsoft edge/ internet explorer, Firefox, safari, and opera). We are using srcdoc attribute in tag to specify the HTML content of ...

Read More

How to understand JavaScript module pattern?

Lokesh Badavath
Lokesh Badavath
Updated on 18-Nov-2022 316 Views

In this article we are going to learn how to understand JavaScript module pattern. The Module pattern is used to copy the concept of classes, so that we can store both public and private methods and variables inside a single object. Since JavaScript doesn’t support classes, similar to classes that are used in other programming languages like Java or Python. Why use modules? Maintainability − A module is self-contained and aims to lessen the dependencies, so that it can grow and improve independently. Name spacing − In JavaScript, variables outside the scope of a top-level function are global. Because ...

Read More

How to work with JavaScript Drag and drop for touch devices?

Lokesh Badavath
Lokesh Badavath
Updated on 18-Nov-2022 5K+ Views

In this article, we are going to discuss how to work with JavaScript Drag and drop for touch devices in JavaScript. Using JavaScript, we can only drag an image and some text. To drag an image, we simply hold the mouse button down and then move it. To drag the text, we need to highlight some text and drag it in the same way as image. HTML5 specifies almost all elements can be draggable. To make an element draggable, we add the draggable property with the value of true to its HTML element tag. Syntax Following is the syntax ...

Read More
Showing 2171–2180 of 5,338 articles
« Prev 1 216 217 218 219 220 534 Next »
Advertisements