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

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

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

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

<h1>Phương thức getElementsByTagName() for get trong JavaScript</h1>
<p>Phương thức getElementsByTagName() trong JavaScript dùng để lấy tên thẻ HTML rồi thực hiện nhiều hành động vào thẻ đó, ngoài ra còn có thể đếm có bao nhiêu thẻ, ở ví dụ này mình dùng vòng lặp for để duyệt của các phần tử HTML nằm trong một ID và lấy ra nội dung, thuộc tính của các phần tử HTML đó:</p>

<div id="divid">
    <p data-id="1">Tiêu đề 1</p>
    <p data-id="2">Tiêu đề 2</p>
    <p data-id="3">Tiêu đề 3</p>
    <p data-id="4">Tiêu đề 4</p>
    <p 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 thẻ p nằm trong id divid
  const list = divid.getElementsByTagName('p');
  // Lặp qua các thẻ p nằm trong id divid
  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 thẻ p nằm trong id divid
  document.write("Nội dung: "+list[i].innerText+", data-id: "+list[i].getAttribute('data-id')+"<br>");
  }
</script>
</body>
</html>
Phương thức getElementsByTagName() for get trong JavaScript nằm trong bài viết Phương thức getElementsByTagName() trong JavaScript