<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByName() lấy thông tin trong JavaScript</title>
</head>
<body>
<h1>Phương thức getElementsByName() lấy thông tin trong JavaScript</h1>
<p>Dùng để lấy các phần tử HTML thông qua thuộc tính name, các phần tử sẽ được đưa vào một đối tượng NodeList, bạn có thể gọi các phần tử HTML ở trong NodeList đó để xử lý bằng các hành động cụ thể:</p>
<p>Họ Tên: <input name="thanhvien" type="text" value="Bùi Tấn Lực"></p>
<p>Họ Tên: <input name="thanhvien" type="text" value="Trần thị Vân"></p>
<p>Thành viên 1: <span id="thanhvien1"></span></p>
<p>Thành viên 2: <span id="thanhvien2"></span></p>
<p>Tên thẻ: <span id="tenthe"></span></p>
<p>Số lượng thành viên: <span id="soluong"></span></p>
<script>
let nodeList = document.getElementsByName("thanhvien");
// Lấy value
document.getElementById("thanhvien1").innerHTML = nodeList[0].value;
document.getElementById("thanhvien2").innerHTML = nodeList[1].value;
// Lấy tên thẻ
document.getElementById("tenthe").innerHTML = nodeList[0].tagName;
// Lấy số lượng thành viên
let soluong = document.getElementsByName("thanhvien").length;
document.getElementById("soluong").innerHTML = soluong;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByName() lấy thông tin trong JavaScript</title>
</head>
<body>
<h1>Phương thức getElementsByName() lấy thông tin trong JavaScript</h1>
<p>Dùng để lấy các phần tử HTML thông qua thuộc tính name, các phần tử sẽ được đưa vào một đối tượng NodeList, bạn có thể gọi các phần tử HTML ở trong NodeList đó để xử lý bằng các hành động cụ thể:</p>
<p>Họ Tên: <input name="thanhvien" type="text" value="Bùi Tấn Lực"></p>
<p>Họ Tên: <input name="thanhvien" type="text" value="Trần thị Vân"></p>
<p>Thành viên 1: <span id="thanhvien1"></span></p>
<p>Thành viên 2: <span id="thanhvien2"></span></p>
<p>Tên thẻ: <span id="tenthe"></span></p>
<p>Số lượng thành viên: <span id="soluong"></span></p>
<script>
let nodeList = document.getElementsByName("thanhvien");
// Lấy value
document.getElementById("thanhvien1").innerHTML = nodeList[0].value;
document.getElementById("thanhvien2").innerHTML = nodeList[1].value;
// Lấy tên thẻ
document.getElementById("tenthe").innerHTML = nodeList[0].tagName;
// Lấy số lượng thành viên
let soluong = document.getElementsByName("thanhvien").length;
document.getElementById("soluong").innerHTML = soluong;
</script>
</body>
</html>
