1. 程式人生 > >獲取元素,動態新增、刪除元素以及getElementByTagName、和getElementByClassName)的用法

獲取元素,動態新增、刪除元素以及getElementByTagName、和getElementByClassName)的用法

1.獲取元素
(1)getElementById
根據元素的id屬性來獲取元素,獲取到的是一個元素
(2)getElementByTagName
根據標籤名來獲取元素,結果是一個元素集合
(3) getElementByClassName
根據class屬性來獲取元素,結果是一個元素集合
(4) getElementByName
根據name屬性來獲取元素,結果是一個元素集合
總結:
獲取元素可以根據標籤名來獲取、也可以根據id、name屬性來獲取,根據id屬性獲取的是一個元素,其他的都是一個集合

2.動態新增刪除元素
(1)createElement 建立一個元素
CreateElement(”p”),建立一個段落
(2)createTextNode建立一個文字節點
CreateTextNode(“文字的內容”),建立一個值為“文字內容”的文字節點
(4) appendChid 新增一個子節點