HTML DOM normalizeDocument() Method

HTML DOM Blockquote Object

Last Updated : 15 Jun, 2023

The DOM Blockquote Object is used to represent the HTML <Blockquote> element. The Blockquote element is accessed by getElementById().

Syntax

document.getElementById("id");

Where "id" is the ID assigned to the blockquote tag.

Property Value

cite: It is used to Sets or return the value of the cite attribute of a quotation

Example 1: In this article, we will use DOM Blockquote Object

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>DOM blockquote object</title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2> DOM Object</h2>
    <blockquote ID="GFG" cite="www.geeksforgeeks.org">
        GeeksforGeeks: A computer science portal for geeks
    </blockquote>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
  
    <script>
        function myGeeks() {
            let w = document.getElementById("GFG").cite;
            document.getElementById("sudo").innerHTML = w;
        }
    </script>
</body>
  
</html>

Output:

Example 2: Blockquote Object can be created by using the document.createElement method.

html

<!DOCTYPE html>
<html>

<head>
    <title>DOM blockquote object</title>
    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2> DOM Object</h2>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
  
    <script>
        function myGeeks() {
            let g = document.createElement("BLOCKQUOTE");
            let f = document.createTextNode("GeeksforGeeks:" +
                "A computer science portal for geeks.");
            g.setAttribute("cite", "www.geeksforgeeks.org");
            g.appendChild(f);
            document.body.appendChild(g);
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browser supported by DOM Blockquote Object are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

HTML DOM normalizeDocument() Method

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML DOM inputEncoding Property

The inputEncoding property returns the character encoding used for parsing the document. This property doesn't have any default value. Syntax:document.inputEncodingParameters:The HTML DOM inputEncoding property does not require any parameter.Return Value:The HTML DOM inputEncoding property returns a

HTML DOM normalizeDocument() Method

The normalizeDocument() method in HTML is used to normalize an HTML document by remove any empty text nodes if exists. After removing the empty nodes, it also merges all of the adjacent nodes present in the document. For Example, consider the below element: Element Geeks Text node: "" Text node: "He

HTML DOM lang Property

In HTML document, the lang property is used to set or return the value of the lang attribute of an element. This attribute specifies the language code of the element's content. The element attribute takes "en" for English, "ja" for Japanese, "es" for Spanish, and so on. The default value of this att

HTML DOM KeyboardEvent key Property

The keyboardEvent key property in HTML is used to return the value of the key pressed when a key event occurs. It returns a single-character or multi-character string depending on which key is pressed. It is a read-only property. Syntax: event.key Return Value: It returns a string that represents th

HTML DOM keyboardEvent charCode Property

The keyboardEvent charCode property in HTML is used to return the unicode value of a character key pressed during a keypress event. It is a read-only property. The unicode character denotes the number of a character(e.g. the unicode for "A" is 65). Syntax: event.charCode Note: This property has been

HTML DOM hasChildNodes() Method

The HTML hasChildNodes() property will return true if the given node has a child node or false if it doesn't have any child nodes. A blank line or whitespace is also treated as a child node so it also returns true on a blank line or whitespace. Prerequisite DOM (Document Object Model) Parameters: No

HTML DOM nodeValue Property

The HTML DOM nodeValue Property is used to describe the property of a given node. It is used to set or get the nodeValue in Any Html document. Prerequisites DOM (Document Object Model) Syntax: let x = document.getElementById("nodeId").firstChild; x.nodeType; x.nodeName; x.nodeValue; Parameters: No p

HTML DOM KeyboardEvent code Property

The keyboardEvent code property in HTML represents a physical key on the keyboard. It is used to return the key that triggers the event. Syntax: event.code Return Value: It returns a string that represents which key is pressed. Example 1: With KeyDown Event HTML <html> <head> <title

HTML DOM lastChild Property

The DOM lastChild property is used to return the last child of the specified node. It returns the last child nodes as text, comment, or element nodes (depend on which occurs at last). It is a read-only property. Syntax: node.lastChild Return Value: It returns a node object which represents the last

HTML DOM Aside Object

The DOM Aside Object is used to represent the HTML <Aside> element. The Aside element is accessed by getElementById(). The aside Element is new in HTML 5. Syntax: document.getElementById("ID"); where "id" is the ID assigned to the aside tag. Example 1: In this article, we will learn DOM Aside