HTML blockquote cite用法及代碼示例

HTML DOM中的blockquote cite屬性用於設置或返回引用的cite屬性的值。用於指定引號的URL。它不包含任何普通Web瀏覽器上的視覺效果。它隻能由屏幕閱讀器使用。

用法:

它返回blockquote cite屬性。
```
blockquoteObject.cite
```
它用於設置blockquote cite屬性。
```
blockquoteObject.cite = URL
```

屬性值：它包含用於指定引號URL的單值URL。該URL包含以下兩個可能的值：

Absolute URL:用於引用其他網站。例如cite = “http://www.geeksforgeeks.org”
Relative URL:它用於引用網站內的網頁。例如cite =“ geeks.htm

範例1：本示例返回blockquote cite屬性。

<!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:
單擊按鈕之前：

單擊按鈕後：

範例2：本示例設置blockquote cite屬性。

<!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:
單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM blockquote cite屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM blockquote cite Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。