HTML DOM blockquote는 기본적으로 HTML 요소
를 나타냅니다.요소는태그와 달리 따옴표를 추가하지 않습니다. blockquote 개체의 도움으로속성을 만들고 액세스할 수 있습니다.구문
다음은 −
의 구문입니다.blockquote 개체 만들기 -
var x = document.createElement("BLOCKQUOTE");예시
blockquote 개체의 예를 살펴보겠습니다. -
<!DOCTYPE html> <html> <body> <p>Click on the below button to create a blockquote object</p> <button onclick="createBloc()">CREATE</button> <script> function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>출력
이것은 다음과 같은 출력을 생성합니다 -
CREATE 클릭 시 -
위의 예에서 -
먼저 createBloc() 함수를 호출하는 CREATE 버튼을 만들었습니다.
<button onclick="createBloc()">CREATE</button>createBloc() 함수는 문서 객체의 createElement() 메소드를 사용하여
요소를 생성합니다. 그런 다음 문서 객체의 createTextNode() 메서드를 사용하여 내부에 일부 텍스트가 있는 텍스트 노드를 만들었습니다. setAttribute() 메서드를 사용하여 위에서 만든요소에 cite 및 id와 같은 일부 속성을 추가합니다. 그런 다음 요소는 최종적으로 appendChild() 메서드를 사용하여 문서 본문에 자식으로 추가됩니다.function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); }
