獲取元素的方式 Web API

2021-09-13 18:42:51 字數 621 閱讀 3217

獲取元素的方式

根據id屬性的值獲取元素,返回來的是乙個元素物件

document.getelementbyld("id屬性的值");
根據標籤名字獲取元素,返回來的是乙個偽陣列,裡面儲存了多個dom物件

document.getelementsbytagname("標籤名字");
根據name屬性的值獲取元素,返回來的是乙個偽陣列,裡面儲存了多個的dom物件

document.getelementsbyname("name屬性的值");
根據類樣式的名字來獲取元素,返回來的是乙個偽陣列,裡面儲存了多個的dom物件

document.getelementsbyname("類樣式的名字");
根據選擇器獲取元素,返回來的是乙個元素物件

document.queryselector("選擇器的名字");

獲取元素方式

1.通過id名獲取元素 父元素.getelementbyid id名 只能得到唯一乙個,還可以直接用id名定位id值 2.通過類名獲取元素 父元素.getelementsbyclassname 元素的類名 通過類名獲取的元素是一組元素,是以陣列方式獲取,想獲取其中乙個,必須通過訪問陣列元素的方式進行...

webAPI 操作元素

1.獲取元素 2.事件基礎 3.操作元素內容 4.操作元素普通屬性 5.操作元素表單屬性 6.操作元素樣式屬性 7.操作元素自定義屬性 檢視元素物件裡面的屬性和方法 console.dir 元素名 事件三要素 btn.onclick function const img document.query...

Dom獲取元素的幾種方式

通過id獲取獲取元素 document.getelementbyid 通過標籤名獲取元素 集合 document.getelementbytagname 通過class獲取元素 集合 ie9失效 document.getelementbyclassname 封裝getbyclass 方法一 func...