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

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 đó:

Tiêu đề 1

Tiêu đề 2

Tiêu đề 3

Tiêu đề 4

Tiêu đề 5

Phương thức getElementsByTagName() for get trong JavaScript nằm trong bài viết Phương thức getElementsByTagName() trong JavaScript