Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Phương thức createTextNode() thẻ li trong JavaScript</title>
</head>
<body>

<h1>Phương thức createTextNode() thẻ li 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ử li:</p>

<ul id="ulid" style="border: 1px solid red;padding:20px;">
<li>Giới thiệu</li>
<li>Blog</li>
</ul>
<p>Nhấn vào nút THÊM NODE HTML để tạo thẻ li và thêm vào ul.</p>
<button onclick="themNodeHtml()">THÊM NODE HTML</button>
<script>
function themNodeHtml() {
// Tạo phần tử HTML LI
const nodeli = document.createElement("li");
// Tạo node văn vản
const nodechu = document.createTextNode("Trang chủ");
// Thêm node chữ vào node phần tử HTML vừa tạo
nodeli.appendChild(nodechu);
// Lấy ID của thẻ UL
const ulid = document.getElementById("ulid");
// Chèn node li mới tạo vào ul ở trước vị trí 0 (vị trí đầu tiên), bạn có thể chọn children là 1 hoặc 2
ulid.insertBefore(nodeli, ulid.children[0]);
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Phương thức createTextNode() thẻ li trong JavaScript</title>
</head>
<body>

<h1>Phương thức createTextNode() thẻ li 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ử li:</p>

<ul id="ulid" style="border: 1px solid red;padding:20px;">
<li>Giới thiệu</li>
<li>Blog</li>
</ul>
<p>Nhấn vào nút THÊM NODE HTML để tạo thẻ li và thêm vào ul.</p>
<button onclick="themNodeHtml()">THÊM NODE HTML</button>
<script>
function themNodeHtml() {
// Tạo phần tử HTML LI
const nodeli = document.createElement("li");
// Tạo node văn vản
const nodechu = document.createTextNode("Trang chủ");
// Thêm node chữ vào node phần tử HTML vừa tạo
nodeli.appendChild(nodechu);
// Lấy ID của thẻ UL
const ulid = document.getElementById("ulid");
// Chèn node li mới tạo vào ul ở trước vị trí 0 (vị trí đầu tiên), bạn có thể chọn children là 1 hoặc 2
ulid.insertBefore(nodeli, ulid.children[0]);
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Phương thức createTextNode() thẻ li trong JavaScript</title>
</head>
<body>

<h1>Phương thức createTextNode() thẻ li 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ử li:</p>

<ul id="ulid" style="border: 1px solid red;padding:20px;">
<li>Giới thiệu</li>
<li>Blog</li>
</ul>
<p>Nhấn vào nút THÊM NODE HTML để tạo thẻ li và thêm vào ul.</p>
<button onclick="themNodeHtml()">THÊM NODE HTML</button>
<script>
function themNodeHtml() {
// Tạo phần tử HTML LI
const nodeli = document.createElement("li");
// Tạo node văn vản
const nodechu = document.createTextNode("Trang chủ");
// Thêm node chữ vào node phần tử HTML vừa tạo
nodeli.appendChild(nodechu);
// Lấy ID của thẻ UL
const ulid = document.getElementById("ulid");
// Chèn node li mới tạo vào ul ở trước vị trí 0 (vị trí đầu tiên), bạn có thể chọn children là 1 hoặc 2
ulid.insertBefore(nodeli, ulid.children[0]);
}
</script>
</body>
</html>

Phương thức createTextNode() thẻ li trong JavaScript nằm trong bài viết Phương thức createTextNode() trong JavaScript