HTML DOM createTextNode() 메소드는 지정된 텍스트로 텍스트 노드를 생성하는 데 사용됩니다.
예시
createTextNode() 메서드의 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<body>
<h2>createTextNode() example</h2>
<p>Click the below button to create a p element with some text.</p>
<button onclick="createText()">CREATE</button>
<script>
function createText() {
var x = document.createElement("P");
var p = document.createTextNode("This is a sample paragraph created with
createTextNode()");
x.appendChild(p);
document.body.appendChild(x);
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CREATE 버튼 클릭 시 -
위의 예에서 -
사용자가 클릭하면 createText() 함수를 실행하는 CREATE 버튼을 만들었습니다. -
<button onclick="createText()">CREATE</button>
createText() 메서드는 문서 객체의 createElement() 메서드를 사용하여
요소를 생성하고 변수 x에 할당합니다. 그런 다음 일부 텍스트와 함께 createTextNode()를 사용하여 텍스트 노드를 만들고 변수 p에 할당합니다.
그런 다음 appendChild() 메서드를 사용하여 텍스트 노드를
요소에 추가합니다. 마지막으로 document.body appendChild() 메서드를 사용하여 텍스트 노드와 함께
요소를 문서에 추가합니다.
function createText() {
var x = document.createElement("P");
var p = document.createTextNode("This is a sample paragraph created with createTextNode()");
x.appendChild(p);
document.body.appendChild(x);
}