HTML | DOM Select type Property

HTML DOM selection.type property

Last Updated : 21 Jun, 2023

The type property returns a String which describes the type of current selection. This is a read-only property.

Syntax:

selection.type

Return Value: String describing the type of the selection. Possible return values are:

None: No selection has currently been made.
Caret: Only Clicked but not selected. The selection is collapsed, the caret is placed on some text, but no range has been selected.
Range: Some range on which the text has been selected.

Example: In this example, the getSelection() method is used to get the selected text, and the type property is used to get the type of selection.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
          HTML DOM selection type property
      </title>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <p>
          select some text and see its type in console
      </p>

    <script>
       let selection;
        document.onselectionchange = function () {
            selection = document.getSelection();
            console.log(selection)
            console.log(selection.type);
        };
    </script>
  
</body>

</html>

Output: In the console, types of selections can be seen on every change of selection.

Supported Browsers:

Google Chrome
Edge
Firefox
Opera
Safari
Internet Explorer

HTML | DOM Select type Property

taran910

Improve

Article Tags :

Similar Reads

HTML | DOM Select type Property

The Select type property is used for returning the type of form element a drop-down list is. A drop-down list can be of two types, which are "select-one" or "select-multiple".Syntax: selectObject.type Return Value: A String, representing the type of form element the drop-down list (<select> el

HTML | DOM Select size Property

The Select size property is used to set or return the value of the size attribute of a drop-down list. The Select size attribute is generally used to specify the number of visible options in a drop-down list.Syntax: For returning the size property: selectObject.sizeFor setting the size property: sel

HTML DOM Script type Property

The DOM Script type Property is used to set or return the value of the type attribute of a <script> element. The type attribute is used to specify the MIME type of a script. and identify the content of the <script> Tag. It has a Default value which is "text/javascript". Syntax: It is use

HTML | DOM Select value Property

The Select value property is used for setting or returning the value of the selected option in a drop-down list. The Select value property returns the first selected option if the drop-down list allows multiple selections, otherwise, if there are no selected options, nothing is returned.Syntax: For

HTML | DOM Select name Property

The select name property in HTML DOM is used to set or return the value of name attribute of a drop-down list. This property returns a string which represents the name of the drop-down list. Syntax: It returns the select name property. selectObject.name It is used to set the select name property. se

HTML | DOM Select form Property

The Select form property in HTML DOM is used to return the reference to the form that contains the drop-down list. This property returns a form object on success otherwise (drop-down list is not in the form) returns NULL.Syntax: selectObject.form Return Value: A reference to the form element contain

HTML DOM Textarea type Property

The Textarea type Property in HTML DOM is used to return the type of form element of the Textarea field. Note that, it will always return "textarea" for a Textarea Object. Syntax: textareaObject.type Return Value: It returns a string value that represents the type of form element of the Textarea fie

HTML DOM Input Tel type Property

The DOM Input tel type property in HTML DOM is used to return the type of form element of the input tel field. It always returns the "tel" for an Input tel field. Syntax: telObject.typeReturn Values: It returns a string value that represents the type of form element of the tel field. The below progr

HTML DOM specified Property

The DOM specified property is used to return the boolean value. It returns true if the element has a specified attribute, otherwise, it returns a false value if the element does not have a specific attribute. Syntax:attribute.specifiedReturn value: It returns the boolean value which represents wheth

HTML | DOM Select selectedIndex Property

The Select selectedIndex property in HTML DOM is used to set or return the index of the selected option in a drop-down list. The index of the drop-down list generally starts with 0 and returns -1 if no option is selected. This property returns the index of the first option if the drop-down list allo