事件源的獲取

2021-09-18 05:11:30 字數 875 閱讀 6088

事件源:在事件中,當前操作的那個元素即為事件源。

常用3種的事件源獲取方法:

1.通過id名:document.getelementbyid("id名");

2.通過標籤名:document.getelementsbytagname("標籤名");

3.通過類名:document.getelementsbyclassname("類名");

也可通過名稱獲取:document.getelementsbyname("名稱");

注意:方法2和方法3中是elements!元素(element)的複數。獲取到的是乙個元素陣列,可以通過陣列下標獲取某乙個具體的元素。

例:對於下面元素分別用這三種方法獲取:

……

……

1.通過id名獲取:

//通過id名獲取:

var box = document.getelementbyid("case");

2.通過標籤名獲取:

//通過標籤名獲取:

var box = document.getelementsbytagname("div")[0];

3.通過類名獲取:

//通過類名獲取:

var box = document.getelementsbyclassname("box")[0];

通過此方法獲得某一事件源之後,可通過元素的節點操作(獲取子節點、父節點、兄弟節點)來獲取其他事件源。

獲取當前事件源DOM元素

今天用vue3寫程式時遇到了乙個問題,原 如下 顯示 預期的結果是列印出togglecodebutton這個dom元素,但是結果返回的是null,後來發現了問題所在 我雖然log是在掛載完成後,但是獲取dom卻是在掛載之前,當然不會有結果,只要將獲取dom元素也放到onmounted 鉤子中即可。即...

Jquery獲取當前的事件源和模糊匹配ID

參考 獲取事件源 function test event var allpsgtype input id psgtype 找到所有的隱藏的psgtype find input id taxvalueu id 0 找以taxvalueu開頭,以0結尾的input 屬性名稱 匹配包含給定屬性的元素 at...

js事件的獲取

method desclientwidth 獲取元素寬度 clientheight 獲取元素高度 內容 內邊距 document.body.clientwidth 獲取body寬度 document.body.clientheight 獲取body高度 offsetwidth 包括邊框寬度 offs...