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

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

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

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

<h1>Phương thức getElementsByTagName() for set 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 tạo nội dung cho từng phần tủ HTML, tạo giá trị cho từng thuộc tính của phần tử HTML, những phần tử HTML đó nằm trong một phần tử HTML khác có ID hoặc nằm trong document (body):</p>

<div id="divid">
    <p>Tiêu đề 1</p>
    <p>Tiêu đề 2</p>
    <p>Tiêu đề 3</p>
    <p>Tiêu đề 4</p>
    <p>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 thẻ div có id divid
  const list = divid.getElementsByTagName('p');
  // Lặp qua các thẻ p nằm trong thẻ div có id divid
  for (let i = 0; i < list.length; i++) {
  // Tạo nội dung cho từng thẻ p nằm trong thẻ div có id divid
  list[i].innerText = "Tiêu đề mới "+i;
  // Tạo giá trị cho từng thuộc tính data-id cho từng thẻ p nằm trong thẻ div có id divid
  list[i].setAttribute("data-id","thep"+i);
  // Lấy nội dung và giá trị của thuộc tính data-id trong mỗi thẻ p nằm trong thẻ div có 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 set trong JavaScript nằm trong bài viết Phương thức getElementsByTagName() trong JavaScript