webAPI重要知識點

2021-09-24 23:23:25 字數 904 閱讀 6612

document.

getelementbyid()

;//通過id找到元素,找到的就是元素,找不到返回null

document.

getelementsbyclassname()

;//通過類名找到元素,永遠得到偽陣列,找到幾個,偽陣列裡元素就有幾個

document.

getelementsbytagname()

;//通過標籤名找到元素,永遠得到偽陣列,找到幾個,偽陣列裡元素就有幾個

document.

getelementsbyname()

;//通過name屬性值找到元素,永遠得到偽陣列,找到幾個,偽陣列裡元素就有幾個

document.

queryselector()

;//傳入css選擇器,找到第乙個匹配的元素,只返回元素

document.

queryselectorall()

;//傳入css選擇器,選擇器能找到幾個,這方法就找到幾個,返回的是偽陣列

點語法只能操作自帶屬性,自定義的行內屬性無法操作操作自定義行內屬性

鍵盤事件:

滾動事件:onscroll:在滾動就觸發

尺寸發生改變事件:onresize

window的兩個事件:

拖拽事件

跟容器有關的事件

window.

getcomputedstyle

(元素)

['樣式名'];

//不管是行內寫的還是內嵌寫的樣式,只要是元素最終什麼樣,獲取到的就是什麼

addeventlistener:新增事件,特點是給乙個元素新增多個同名事件會依次觸發

WebAPI知識點梳理

webapi是給前端提供資料的框架。只管提供資料,資料提供方式為以restful http格式。webapi提供的語義場景 post請求 提交資料 以post的方式提交http請求,資料庫得到的插入資料 get請求 查詢資料 有無參 有參兩種形式,如get age 20,即是有參 put請求 修改資...

今日webAPI知識點總結

onmouseup 滑鼠按鍵放開時觸發 onmousedown 滑鼠按鍵按下觸發 onmousemove 滑鼠移動觸發 onkeyup 鍵盤按鍵按下觸發 onkeydown 鍵盤按鍵抬起觸發 setinterval 引數1,引數2 引數1 要執行的函式.引數2 時間,單位毫秒,設定定時器多少毫秒觸發...

今日webAPI知識點總結

offsetleft 獲取的是相對于父物件的左邊距 left 獲取或設定相對於 具有定位屬性 position定義為relative 的父物件 的左邊距 如果父div的position定義為relative,子div的position定義為absolute,那麼子div的style.left的值是相...