Open In App

HTML | DOM blockquote cite Property

Last Updated : 17 Oct, 2019
Improve
Improve
Like Article
Like
Save
Share
Report

The blockquote cite Property in HTML DOM is used to set or return the value of the cite attribute of a quotation. It is used to specify the URL of the Quotation. It does not contains visual effect on any ordinary Web Browser. It can only be used by screen readers.

Syntax:

  • It returns the blockquote cite property.
    blockquoteObject.cite
  • It is used to set the blockquote cite property.
    blockquoteObject.cite = URL

Property Values: It contains single value URL which specifies the URL of the quotation. The URL contains two possible values which are listed below:

  • Absolute URL: It is used to refer to the other website. For example cite = “https://www.geeksforgeeks.org”
  • Relative URL: It is used to refer to the web page within the website. For example cite = “geeks.htm
  • Example 1: This example returns the blockquote cite property.




    <!DOCTYPE html> 
    <html
      
    <head
        <title>
            HTML DOM blockquote cite Property
        </title
    </head
      
    <body style="text-align:center;"
          
        <h1 style="color:green;">GeeksforGeeks</h1
        <h2>DOM blockquote cite Property</h2
          
        <blockquote ID="GFG" cite="www.geeksforgeeks.org"
            GeeksforGeeks: A computer science portal for geeks 
        </blockquote
          
        <button onclick="myGeeks()">Submit</button
      
        <p id="sudo" style="color:green;font-size:24px;"></p
          
        <!-- Script to return blockquote cite Property -->
        <script
            function myGeeks() { 
                var w = document.getElementById("GFG").cite; 
                document.getElementById("sudo").innerHTML = w; 
            
        </script
    </body
      
    </html>                    

    
    

    Output:
    Before Clicking the Button:

    After Clicking the Button:

    Example 2: This example sets the blockquote cite property.




    <!DOCTYPE html> 
    <html
      
    <head
        <title>
            HTML DOM blockquote cite Property
        </title
    </head
      
    <body style="text-align:center;"
          
        <h1 style="color:green;">GeeksforGeeks</h1
        <h2>DOM blockquote cite Property</h2
          
        <blockquote ID="GFG" cite="www.geeksforgeeks.org"
            GeeksforGeeks: A computer science
            portal for geeks 
        </blockquote
          
        <button onclick="myGeeks()">Submit</button
      
        <p id="sudo" style="color:green;font-size:24px;"></p
          
        <!-- Script to set DOM blockquote cite Property -->
        <script
            function myGeeks() { 
                var w = document.getElementById("GFG").cite
                    = "www.gfg.org"; 
                          
                document.getElementById("sudo").innerHTML
                    = "The cite attribte was changed to " + w; 
            
        </script
    </body
      
    </html>                    

    
    

    Output:
    Before Clicking the Button:

    After Clicking the Button:

    Supported Browsers: The browser supported by DOM blockquote cite property are listed below:

    • Google Chrome
    • Internet Explorer
    • Firefox
    • Opera
    • Safari


Similar Reads

HTML | &lt;blockquote&gt; cite Attribute
The HTML &lt;blockquote&gt; cite Attribute is used to specify the source of the quotation. Syntax: &lt;blockquote cite="URL"&gt; Attribute Values: URL: it contains the value i.e URL which specifies the source of the quotation. Possible Values: absolute URL: It points to another website. relative URL: It points to a file within a website. Example:
1 min read
Use of blockquote, q and cite tags in HTML
HTML | blockquote Tag: The &lt;blockquote&gt; tag in HTML is used to display the long quotations (a section that is quoted from another source). It changes the alignment to make it unique from others. It contains both opening and closing tags. Syntax: &lt;blockquote&gt; &lt;p&gt;The quote is input here.&lt;/p&gt; &lt;/blockquote&gt; Example: In thi
2 min read
HTML | DOM ins cite Property
The DOM ins cite Property is used to set or return the value of the cite attribute of an Element. The cite attribute is used to specify the URL of the document or message which denotes the reason of deleting the text. It has no visual effect on any ordinary Web Browser. It can only be used by screen readers. Syntax: It is used to return the cite pr
2 min read
HTML | DOM Quote cite Property
The HTML DOM Quote cite Property is used to set or return the cite attribute of a quotation. The cite attribute specifies the source URL of a quotation. Syntax: It returns the cite property. quoteObject.cite It is used to set the cite property quoteObject.cite = URL Property Values: It contains single value URL which is used to specify the URL of t
2 min read
HTML DOM del cite Property
The del cite Property in HTML DOM is used to set or return the value of the cite attribute of a &lt;del&gt; element. The cite attribute is used to specify the URL of the document or message which denotes the reason for deleting the text. It has no visual effect on any ordinary Web Browser. It can only be used by screen readers. Syntax: It returns t
2 min read
HTML DOM Blockquote Object
The DOM Blockquote Object is used to represent the HTML &lt;Blockquote&gt; 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 art
2 min read
HTML DOM Cite Object
The DOM Cite Object is used to represent HTML &lt;Cite&gt; element. The Cite element is accessed by getElementById(). Syntax: document.getElementById("id"); Where "id" is the ID assigned to the cite tag. Example 1: In this example, we will use DOM Cite Object C/C++ Code &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;DOM cite Object
1 min read
HTML | &lt;del&gt; cite Attribute
The HTML &lt;del&gt; cite Attribute is used to specify the URL of the document or message which denotes the reason for deleting the text. Syntax: &lt;del cite="URL"&gt; Attribute Values: URL: it contains the value i.e URL which specifies the source of the deleted text Possible Values: absolute URL: It points to another website.relative URL: It poin
1 min read
HTML | &lt;ins&gt; cite Attribute
The HTML &lt;ins&gt; cite Attribute is used to specify the URL of the document or message which denotes the reason of deleting the text. Syntax: &lt;ins cite="URL"&gt; Attribute Values: URL: It specifies the URL of the document that defines why the text was inserted Possible values are: Absolute URL: It is used to point out other websites (like cit
1 min read
HTML | &lt;q&gt; cite Attribute
The &lt;q&gt; cite Attribute in HTML is used to specify the source URL of the quotation. Syntax: &lt;q cite="URL"&gt; Attribute Values: It contains single value URL which is used to specify the URL of the quotation. The possible value of the URL are: Absolute URL: It is used to point out other websites (like cite ="http://www.w3schools.com") Relati
1 min read
Article Tags :