HTML DOM 블록 인용 인용 속성

<시간/>

HTML DOM blockquote cite 속성은 HTML

요소와 연결됩니다. 이 속성은 인용문의 인용 속성을 설정하거나 반환하는 데 사용됩니다. cite 속성은 웹 페이지에 시각적 효과가 없기 때문에 일반 사용자에게는 그다지 유용하지 않은 스크린 리더에 유용합니다. 인용 속성은 인용의 소스 URL을 설정하는 데 사용됩니다.

구문

다음은 −
의 구문입니다.
인용 속성 설정 -
blockquoteObject.cite = URL
여기 URL 인용 위치를 지정합니다.

예시

blockquote cite 속성의 예를 살펴보겠습니다 −
<!DOCTYPE html>
<html>
<body>
<h2>Quote</h2>
<p>Here is a quote:</p>
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
<p>Click the button below to change the above quote cite value.</p>
<button onclick="citeChange()">CHANGE</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
      document.getElementById("Sample").innerHTML = "The value of the cite attribute was
      changed to 'www.examplesite.com' ";
   }
</script>
</body>
</html>
출력

이것은 다음과 같은 출력을 생성합니다 -

CHANGE 클릭 시 -

위의 예에서 -

id가 "myBlockquote"인
요소를 사용했으며 cite 속성 값은 webexample −
입니다.
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
그런 다음 citeChange() 함수를 실행하기 위한 CHANGE 버튼이 있습니다. -
<button onclick="citeChange()">CHANGE</button>
citeChange() 함수는 ID가 "myBlockquote"인 요소를 가져오고 cite 속성을 가져와 "www.examplesite.com"으로 변경합니다. 인용 값을 변경한 후 "인용 속성의 값이 'www.examplesite.com'으로 변경되었습니다."라는 메시지가 id "Sample"이 연결된 단락에 표시됩니다.
function citeChange() {
   document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
   document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' ";
}