Gungi Mahesh has Published 25 Articles

How to change the element id using jQuery?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:19:19

5K+ Views

jQuery is one of the JavaScript libraries which is fast, small, and feature-rich. It is used to perform event handling, animation, etc. It is a combination of versatility and extensibility. jQuery is used to simplify the AJAX call and DOM manipulation. Using jQuery, we can make a webpage interactive by ... Read More

How to change the href value of <a> tag after clicking on button using JavaScript?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:17:17

7K+ Views

The href attribute specifies the link’s destination, which can be a URL or an anchor point within the same document. Changing the attribute value of href which allows us to dynamically update the destination of the link, which can be useful in a variety of situations. Generally, the tag ... Read More

How to change the font-weight of a text using JavaScript?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:12:46

659 Views

Using JavaScript is one of the most famous ways to change the font-weight of any text on your webpage. We can build interactive applications using JavaScript with HTML elements. Font weight refers to the boldness or thinness of the characters. In this article, we will see how we can change ... Read More

How to change cursor to waiting state in JavaScript/jQuery?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:09:46

698 Views

We can use onmouseover, onmouseout events to set or change the cursor into the state of waiting. In JavaScript, we have different types of mouse events which performs the different functionalities on mouse. Let us see some of the mouse events. onmousedown − These event is occurred when a ... Read More

How to change font style using drop-down list in JavaScript?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:03:11

4K+ Views

We can use the style fontFamily property to change font style using drop-down list in JavaScript. To make the font change effective using the drop-down list, we can use onchange event when an option is selected in the drop down list. Before we move further, let us know in detail ... Read More

How to change Input box borders after filling the box using JavaScript?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 13:01:21

1K+ Views

The style.border property is used to change the element’s border, and it returns the three border-bottom properties, i.e., border-color, border-style, and border-width of the element. It is one of the HTML Style Object properties. We use onchange event to make changes effective after filling the box. The onchange is one ... Read More

How to change the background color after clicking the button in JavaScript?

Gungi Mahesh

Gungi Mahesh

Updated on 17-Mar-2023 12:55:27

13K+ Views

The style.backgroundColor property is used to change the element color, and it returns the string value, which represents the color of the background. Transparent is the default value of these color property. Here we use the onclick event to make changes effective after clicking the button. As we know, the ... Read More

How to simulate target="_blank" in JavaScript ?

Gungi Mahesh

Gungi Mahesh

Updated on 24-Feb-2023 13:33:10

5K+ Views

The onclick event occurs only when a user clicks the elements and it is a purely JavaScript attribute. Whenever you click on the onclick event it does some actions like displaying a message or redirects the user another page. The onclick event must be used very less in the website, ... Read More

How to simulate a click with JavaScript ?

Gungi Mahesh

Gungi Mahesh

Updated on 24-Feb-2023 13:30:57

1K+ Views

The getElementById() produces an object of element which represents the element whose id attribute matches the provided string. Because element IDs must be unique if supplied, they're a convenient method to rapidly retrieve a single element. Whenever you click on the onclick event it does some actions like displaying a ... Read More

How to set the opacity level for a division element using CSS?

Gungi Mahesh

Gungi Mahesh

Updated on 24-Feb-2023 13:28:43

145 Views

The style.opacity property is used to set the opacity for the element’s, and it returns the string value. These property is used to set or return opacity of a different HTML elements. It is one of the HTML Style Opacity properties. The onclick event occurs only when a user clicks ... Read More

Advertisements