Thuộc tính children từng phần tử trong JavaScript

Thuộc tính children từng phần tử trong JavaScript

Thuộc tính children từng phần tử trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính children từng phần tử trong JavaScript</title>
</head>
<body>

<h1>Thuộc tính children từng phần tử trong JavaScript</h1>
<p>Thuộc tính children trong JavaScript dùng để lấy thông tin từng phần tử HTML trong một thẻ select, ul, body,... ngoài ra còn đếm được tổng số phần tử con, bạn có thể thực hiện css lên từng phần tử HTML khác nhau, ở ví dụ này mình lấy giá trị, tên thẻ, thay đổi nội dung của từng phần tử con:</p>

<select id="selectid">
 <option value="19">19 Tuổi</option>
 <option value="20">20 Tuổi</option>
 <option value="21">21 Tuổi</option>
 <option value="22">22 Tuổi</option>
 <option value="23">20 Tuổi</option>
</select>
<br>
<script>
const soluong = document.getElementById("selectid").children.length;
// Lấy thông tin phần tử ở vị trí 0
document.write("<b> Số lượng phần tử: "+soluong+"</b><br>");
document.write("Tên: "+document.getElementById("selectid").children[0].innerHTML+"<br>");
document.write("Value: "+document.getElementById("selectid").children[0].value+"<br>"); 
document.write("Tên thẻ: "+document.getElementById("selectid").children[0].tagName+"<br>");
// Trường hợp phần tử HTML khác như ul, p, div,.. thì có thể css cho nó
// document.getElementById("selectid").children[0].style.backgroundColor = "yellow";
</script>
</body>
</html>
Thuộc tính children từng phần tử trong JavaScript nằm trong bài viết Thuộc tính children trong JavaScript