Phương thức HTML DOM createTextNode () được sử dụng để tạo một Nút văn bản với văn bản được chỉ định.
Ví dụ
Chúng ta hãy xem một ví dụ cho phương thức 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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẠO -
Trong ví dụ trên -
Chúng tôi đã tạo một nút CREATE sẽ thực thi hàm createText () khi được người dùng nhấp vào -
<button onclick="createText()">CREATE</button>
Phương thức createText () tạo phần tử
bằng cách sử dụng phương thức createElement () của đối tượng tài liệu và gán nó cho biến x. Sau đó, chúng tôi tạo một nút văn bản bằng cách sử dụng createTextNode () với một số văn bản và gán nó cho biến p.
Sau đó, chúng tôi nối nút văn bản vào phần tử
bằng phương thức appendChild (). Cuối cùng, phần tử
cùng với nút văn bản được thêm vào tài liệu bằng phương thức 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);
}