11/08/2018, 18:55

Document.getElementsByTagName() trong JavaScript

Document.getElementsByName() trong JavaScript 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") ...

Document.getElementsByName() trong JavaScript

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, …

Ví dụ về phương thức document.getElementsByTagName() trong JavaScript

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>
Document.getElementsByName() trong JavaScript
0