Document.getElementsByTagName() trong JavaScript

(7)
123 lượt xem
Share

Phương thức document.getElementsByTagName() trong JavaScript là gì? Cú pháp như thế nào? Mời bạn đọc cùng eLib.VN tìm hiểu về phương thức qua bài viết dưới đây. Cùng tham khảo nhé!

Mục lục nội dung

Document.getElementsByTagName() trong JavaScript

1. Phương thức document.getElementsByTagName()

Phương thức document.getElementsByTagName() trong JavaScript trả về tất cả phần tử của tên thẻ được chỉ định.

Cú pháp của phương thức getElementsByTagName() được đưa ra dưới đây:

document.getElementsByTagName("tagName")

Trong đó, tagName là bắt buộc, ví dụ như thẻ p, div, table, a, ul, ol, li, ...

2. Ví dụ 

Ví dụ 1:

Chúng ta sẽ tính tổng số đoạn văn được sử dụng trong trang web. Để làm điều này, chúng ta gọi phương thức document.getElementsByTagName("p") để trả về tổng số đoạn văn.

<script type="text/javascript">
    function countPara() {
        var totalpara = document.getElementsByTagName("p");
        alert("total p tags are: " + totalpara.length);

    }
</script>
<p>Đây là một đoạn văn.</p>
<p>Tính tổng các đoạn văn sử dụng phương thức getElementByTagName().</p>
<p>Đoạn văn thứ 3.</p>
<button onclick="countPara()">Count Paragraph</button>

Ví dụ 2:

Đếm tổng số thẻ h2, tổng số thẻ h3:

<script type="text/javascript">
    function counth2() {
        var totalh2 = document.getElementsByTagName("h2");
        alert("total h2 tags are: " + totalh2.length);
    }
    function counth3() {
        var totalh3 = document.getElementsByTagName("h3");
        alert("total h3 tags are: " + totalh3.length);
    }
</script>
<h2>This is h2 tag</h2>
<h2>This is h2 tag</h2>
<h3>This is h3 tag</h3>
<h3>This is h3 tag</h3>
<h3>This is h3 tag</h3>
<button onclick="counth2()">Count h2</button>
<button onclick="counth3()">Count h3</button>

Trên đây là bài viết của eLib.VN về Document.getElementsByTagName() trong JavaScript. Hy vọng bài viết hữu ích cho bạn đọc.

(7)
123 lượt xem
Share
Ngày:05/11/2020 Chia sẻ bởi:Oanh
TẢI VỀ XEM ONLINE

CÓ THỂ BẠN QUAN TÂM