Code Thuộc tính firstChild trong JavaScript
Code Thuộc tính firstChild trong JavaScript
Code Thuộc tính firstChild trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính firstChild trong JavaScript</title>
</head>
<body>
<h1>Code Thuộc tính firstChild trong JavaScript</h1>
<p>Thuộc tính firstChild trong JavaScript dùng để lấy nút con đầu tiên của phần tử HTML, nút con bao gồm thẻ HTML, khoảng trắng, chú thích,..., bạn có thể hành động lên phần tử con đầu tiên:</p>
<h3>firstChild li đầu tiên</h3>
<ul id="ulid" style="border:1px solid red;padding:20px;margin-bottom:10px" ><li>Trang chủ</li><li>Giới thiệu</li><li>Blog</li><li>Liên hệ</li></ul>
<div>Lấy nút con đầu tiên là thẻ ul (HTML): <span id="ulhtml"></span></div>
<h3>firstChild p đầu tiên</h3>
<div id="divp" style="border:1px solid red;padding:20px;margin-bottom:10px" ><p>Xin Chào!</p><p>Cảm ơn!</p></div>
<div>Lấy nút con đầu tiên là thẻ p (HTML): <span id="phtml"></span></div>
<h3>firstChild input đầu tiên</h3>
<div id="divinput" style="border:1px solid red;padding:20px;margin-bottom:10px"><input type="text" value="1"><input type="text" value="2"></div>
<div>Lấy nút con đầu tiên là thẻ input(Value): <span id="inputhtml"></span></div>
<h3>Khoảng trắng đầu tiên</h3>
<div id="divkt" style="border:1px solid red;padding:20px;margin-bottom:10px"> <input type="text" value="1"><input type="text" value="2"></div>
<div>Lấy nút con đầu tiên là khoảng trắng(html): <span id="kthtml"></span></div>
<h3>firstChild chú thích đầu tiên</h3>
<div id="divcthich" style="border:1px solid red;padding:20px;margin-bottom:10px"><!--Chú thích--><p>Xin Chào!</p></div>
<div>Lấy nút con đầu tiên là chú thích (HTML): <span id="cthichhtml"></span></div>
<script>
// firstChild li đầu tiên
let valueulhtml = document.getElementById("ulid").firstChild.outerHTML;
//alert(valueulhtml);
document.getElementById("ulhtml").innerHTML = valueulhtml;
document.getElementById("ulid").firstChild.style.color = "red";
// firstChild p đầu tiên
let valuephtml = document.getElementById("divp").firstChild.innerHTML;
document.getElementById("phtml").innerHTML = valuephtml;
// firstChild input đầu tiên
let inputvalue = document.getElementById("divinput").firstChild.value;
document.getElementById("inputhtml").innerHTML = inputvalue;
// Khoảng trắng đầu tiên
let khoangtrang = document.getElementById("divkt").firstChild.nodeValue;
document.getElementById("kthtml").innerHTML = khoangtrang;
// firstChild chú thích đầu tiên
let chuthichhtml = document.getElementById("divcthich").firstChild.nodeValue;
document.getElementById("cthichhtml").innerHTML = chuthichhtml;
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính firstChild trong JavaScript</title>
</head>
<body>
<h1>Code Thuộc tính firstChild trong JavaScript</h1>
<p>Thuộc tính firstChild trong JavaScript dùng để lấy nút con đầu tiên của phần tử HTML, nút con bao gồm thẻ HTML, khoảng trắng, chú thích,..., bạn có thể hành động lên phần tử con đầu tiên:</p>
<h3>firstChild li đầu tiên</h3>
<ul id="ulid" style="border:1px solid red;padding:20px;margin-bottom:10px" ><li>Trang chủ</li><li>Giới thiệu</li><li>Blog</li><li>Liên hệ</li></ul>
<div>Lấy nút con đầu tiên là thẻ ul (HTML): <span id="ulhtml"></span></div>
<h3>firstChild p đầu tiên</h3>
<div id="divp" style="border:1px solid red;padding:20px;margin-bottom:10px" ><p>Xin Chào!</p><p>Cảm ơn!</p></div>
<div>Lấy nút con đầu tiên là thẻ p (HTML): <span id="phtml"></span></div>
<h3>firstChild input đầu tiên</h3>
<div id="divinput" style="border:1px solid red;padding:20px;margin-bottom:10px"><input type="text" value="1"><input type="text" value="2"></div>
<div>Lấy nút con đầu tiên là thẻ input(Value): <span id="inputhtml"></span></div>
<h3>Khoảng trắng đầu tiên</h3>
<div id="divkt" style="border:1px solid red;padding:20px;margin-bottom:10px"> <input type="text" value="1"><input type="text" value="2"></div>
<div>Lấy nút con đầu tiên là khoảng trắng(html): <span id="kthtml"></span></div>
<h3>firstChild chú thích đầu tiên</h3>
<div id="divcthich" style="border:1px solid red;padding:20px;margin-bottom:10px"><!--Chú thích--><p>Xin Chào!</p></div>
<div>Lấy nút con đầu tiên là chú thích (HTML): <span id="cthichhtml"></span></div>
<script>
// firstChild li đầu tiên
let valueulhtml = document.getElementById("ulid").firstChild.outerHTML;
//alert(valueulhtml);
document.getElementById("ulhtml").innerHTML = valueulhtml;
document.getElementById("ulid").firstChild.style.color = "red";
// firstChild p đầu tiên
let valuephtml = document.getElementById("divp").firstChild.innerHTML;
document.getElementById("phtml").innerHTML = valuephtml;
// firstChild input đầu tiên
let inputvalue = document.getElementById("divinput").firstChild.value;
document.getElementById("inputhtml").innerHTML = inputvalue;
// Khoảng trắng đầu tiên
let khoangtrang = document.getElementById("divkt").firstChild.nodeValue;
document.getElementById("kthtml").innerHTML = khoangtrang;
// firstChild chú thích đầu tiên
let chuthichhtml = document.getElementById("divcthich").firstChild.nodeValue;
document.getElementById("cthichhtml").innerHTML = chuthichhtml;
</script>
</body>
</html>Code Thuộc tính firstChild trong JavaScript nằm trong bài viết Thuộc tính firstChild trong JavaScript
