Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Blockquote Object

  • Last Updated : 25 Nov, 2021

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

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

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

Example-1: 
 

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 <blockquote> 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() {
            var w = document.getElementById("GFG").cite;
            document.getElementById("sudo").innerHTML = w;
        }
    </script>
</body>
 
</html>             

Output: 
Before Clicking on Button: 
 



After Clicking on Button: 
 

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 <blockquote> Object</h2>
 
    <button onclick="myGeeks()">Submit</button>
 
    <p id="sudo"></p>
 
 
    <script>
        function myGeeks() {
            var g = document.createElement("BLOCKQUOTE");
            var 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: 
Before Clicking on Button: 
 

After Clicking on Button: 
 

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

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

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!