當前位置:成語大全網 - 書法字典 - js如何獲取html元素

js如何獲取html元素

js如何獲取html元素

+Get by ID:getElementById(‘ID屬性值‘)

+傳遞標記名:getElementsByTagName(‘標記名‘)

+按類名:getElementsByClassName(‘類名‘)

+通過名稱屬性:getElementsByName(“名稱屬性值”)

+通過選擇器獲取元素:querySelector。

+通過選擇器獲取壹組元素:querySelectorAll

1.獲取id值為d1的html元素。

獲得的html元素稱為DOM節點對象,必須傳遞參數。參數為字符串類型,即所獲取元素的id。在返回值中只獲得了壹個元素,如果沒有找到,則返回null。

2.采用標記名:getElementsByTagName(“標記名”)

該參數用於獲取元素的標記名稱屬性,該屬性不區分大小寫。根據標記名獲取html元素,並返回壹個數組(偽數組)。

傳遞類名:getElementsByClassName(“類名”)

參數是元素的類名,返回值是類數組。找不到空數組。

傳遞類名:getElementsByClassName(“類名”)

您必須傳遞壹個參數,該參數用於獲取元素的name屬性,返回值是壹個類數組,但沒有找到空數組。

通過選擇器獲取元素:querySelector。

該參數是壹個選擇器,返回值僅獲取第壹個元素。

通過選擇器獲取壹組元素:querySelectorAll

參數是壹個選擇器,返回值是壹個數組。