HTML | DOM Input Search value Property

HTML DOM URL searchParams property

Last Updated : 14 Jul, 2020

The searchParams property returns a URLSearchParams object allowing access to the GET all the decoded query arguments contained in the URL.

Syntax:

params = url.searchParams;

Return Value: A URLSearchParams object.

Example: In this example, we will get the searchParams of the URL, here URL is “https://gfg.com/?name=Taran” taken for example.

In this URL we will get the name parameter using this property.

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
<title>HTML DOM URL searchParams property</title>     
</head> 
<body> 
    <h1>GeeksforGeeks</h1> 
    <p>Click Here To Get searchparams</p> 
    <button onclick="Check()">Click Here</button> 
    <div class="child"></div> 
</body> 
<script> 
    function Check(){ 
         let params = (new URL( 
            "https://gfg.com/?name=Taran")).searchParams; 
                console.log(params); 
                console.log( 
      "Name parameter from URL is :", params.get("name")); 
        } 
</script> 
</html>

Output:

Before Button Click:

After Button Click:

Supported Browsers:

Google Chrome
Edge
Firefox
Safari
Opera

HTML | DOM Input Search value Property

taran910

Improve

Article Tags :

Similar Reads

HTML DOM Area search Property

The Area Search Property in HTML DOM is used to set or return the querystring part of the href attribute. It is part of the URL after the question mark. Syntax: It returns the Area search property. areaObject.searchIt is used to set the Area search property.areaObject.search = querystring Property V

HTML DOM URL Property

The DOM URL property in HTML is used to return a string that contains the complete URL of the current document. The string also includes the HTTP protocol such as ( http://). Syntax: document.URLReturn Value: It returns a string value that represents the full URL of the document.Â Example: In this e

HTML DOM Anchor search Property

The Anchor search Property in HTML DOM is used to set or return the querystring part of the href attribute. The querystring part is specified after the question mark(?) in the URL. It is often used for parameter passing. Syntax: It returns the Anchor search property. anchorObject.searchIt is used to

HTML | DOM Input Search value Property

The DOM Input Search value Property in HTML DOM is used to set or return the value of a value attribute of the search field. The value attribute specifies the initial value of the input search Field. It contains the default value or user types. Syntax: It returns the value property.searchObject.valu

HTML | DOM Input URL size Property

The DOM Input URL size Property in HTML DOM is used to set or return the value of the size attribute of an Input url Field. The size attribute is used to define the width of a url field. Its default value is 20. Syntax: It returns the Input url size property.urlObject.sizeIt is used to set the Input

HTML DOM referrer Property

The DOM referrer property in HTML is used to return the URI of the page that linked to the current page. If the user navigates to the page directly or through a bookmark, then this value is an empty string. Syntax: document.referrer The below program illustrates the referrer property in HTML: Exampl

HTML | DOM Location Search Property

The Location Search property in HTML DOM is used to set or return the query part of URL including question mark. The query part is the part of URL after the question mark. Syntax: It returns the location search property.location.searchIt is used to set the location search property.location.search =

HTML DOM Input Search list Property

The input Search list property in HTML DOM is used to return a reference to the list element that contains an input search field. Syntax searchObject.list.id Return value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Below HTML code used t

HTML DOM Input Search name Property

The Input Search name Property in HTML DOM is used to set or return the value of the name attribute of a search field. The name attribute is required for each input field. If the name attribute is not specified in an input field then the data of that field would not be sent at all.Â Syntax:Â It retu

HTML | DOM Input URL type Property

The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return "URL".Syntax: urlObject.type Return Value: It returns a string value which represent the type of form element the URL field is. Example: This Example il