<!DOCTYPE html>
<html>
<head>
<title>Phương thức createTextNode() thẻ p trong JavaScript</title>
</head>
<body>
<h1>Phương thức createTextNode() thẻ p trong JavaScript</h1>
<p>Phương thức createTextNode() trong JavaScript dùng để tạo ra một node (nút) văn bản rồi nhập chữ vào sau đó thêm vào node phần tử HTML hoặc body, node phần tử HTML sau đó được chèn vào body hoặc các thẻ HTML khác, ở ví dụ này mình tạo nút văn bản rồi thêm vào phần tử p:</p>
<div id="divid">Web Mới!</div>
<p>Nhấn vào nút THÊM TEXT NODE để tạo node chữ thêm thẻ p</p>
<button onclick="themTextNode()">THÊM TEXT NODE</button>
<script>
function themTextNode() {
// Tạo Node P
const nodep = document.createElement("p");
// Tạo node văn vản
const nodechu = document.createTextNode("Xin Chào!");
// Thêm node chữ vào node phần tử HTML P
nodep.appendChild(nodechu);
// Lấy ID của thẻ DIV và thêm node phần tử HTML P vào
document.getElementById("divid").appendChild(nodep);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức createTextNode() thẻ p trong JavaScript</title>
</head>
<body>
<h1>Phương thức createTextNode() thẻ p trong JavaScript</h1>
<p>Phương thức createTextNode() trong JavaScript dùng để tạo ra một node (nút) văn bản rồi nhập chữ vào sau đó thêm vào node phần tử HTML hoặc body, node phần tử HTML sau đó được chèn vào body hoặc các thẻ HTML khác, ở ví dụ này mình tạo nút văn bản rồi thêm vào phần tử p:</p>
<div id="divid">Web Mới!</div>
<p>Nhấn vào nút THÊM TEXT NODE để tạo node chữ thêm thẻ p</p>
<button onclick="themTextNode()">THÊM TEXT NODE</button>
<script>
function themTextNode() {
// Tạo Node P
const nodep = document.createElement("p");
// Tạo node văn vản
const nodechu = document.createTextNode("Xin Chào!");
// Thêm node chữ vào node phần tử HTML P
nodep.appendChild(nodechu);
// Lấy ID của thẻ DIV và thêm node phần tử HTML P vào
document.getElementById("divid").appendChild(nodep);
}
</script>
</body>
</html>
