Phương thức getElementsByClassName() for get trong JavaScript

Phương thức getElementsByClassName() for get trong JavaScript

Phương thức getElementsByClassName() for get trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByClassName() for get trong JavaScript</title>
</head>
<body>

<h1>Phương thức getElementsByClassName() for get trong JavaScript</h1>
<p>Phương thức getElementsByClassName() trong JavaScript dùng để lấy các phần tử HTML có tên lớp giống nhau và cùng nằm trong một phần tử cha để thực hiện những hành động vào các phần tử HTML con đó theo những vị trí được chỉ định, ở ví dụ này mình dùng vòng lặp for để duyệt của các class và lấy ra nội dung, thuộc tính của các class:</p>

<div id="divid">
    <p class="tieude" data-id="1">Tiêu đề 1</p>
    <p class="tieude" data-id="2">Tiêu đề 2</p>
    <p class="tieude" data-id="3">Tiêu đề 3</p>
    <p class="tieude" data-id="4">Tiêu đề 4</p>
    <p class="tieude" data-id="5">Tiêu đề 5</p>
</div>
<script>
  document.write("<b>Kết quả:</b><br>");	
  // Lấy id của divid
  const divid = document.getElementById("divid");
  // Lấy danh sách class tieude nằm trong id divid
  const list = divid.getElementsByClassName('tieude');
  // Lặp qua các class tieude
  for (let i = 0; i < list.length; i++) {
  // Lấy nội dung và giá trị của thuộc tính data-id trong mỗi class tieude
  document.write("Nội dung: "+list[i].innerText+", data-id: "+list[i].getAttribute('data-id')+"<br>");
  }
</script>
</body>
</html>
Phương thức getElementsByClassName() for get trong JavaScript nằm trong bài viết Phương thức getElementsByClassName() trong JavaScript