THML DOM Element 物件操作

2022-08-21 07:39:07 字數 1848 閱讀 2961

隨著vue等mvvm框架流行,操作dom已經不想之前那麼頻繁,因此很多dom的操作已經陌生,特此回顧html中dom操作

獲取element節點

熟悉的有  

通過id獲取,返回element物件                 document.getelementbyid(elementid)  

通過name獲取,返回element物件陣列         document.getelementsbyname(elementname)

通過tagname獲取,返回element物件陣列    document.getelementsbytagname(tagname)

隨著瀏覽器發展,先大部分瀏覽器已經支援如下兩種更為簡單的獲取dom的方法,使用方法與jquery選擇器一樣

queryselector返回型別:節點物件

queryselectorall返回型別:節點物件陣列

通過子節點獲得父節點

childnode.parentnode

element常用方法和操作

element.classname

設定或返回元素的 class 屬性

element.clientheight

返回元素的可見高度

element.clientwidth

返回元素的可見寬度

element.getattribute()

返回元素節點的指定屬性值

element.hasattribute()

如果元素擁有指定屬性,則返回true,否則返回 false

element.innerhtml

設定或返回元素的內容

向元素新增新的子節點,作為最後乙個子節點

element.offsetleft

返回元素的水平偏移位置

element.offsettop

返回元素的垂直偏移位置

element.removeattribute()

從元素中移除指定屬性

element.removechild()

從元素中移除子節點

element.style

設定或返回元素的 style 屬性

nodelist.length

返回 nodelist 中的節點數

修改節點內容

document.queryselector('p').innerhtml = 'new text'

修改路徑

修改樣式

document.getelementbyid(id).style.backgroundcolor='#ff0'

繫結事件

onclick=function

(e)

建立節點

刪除節點

document.queryselector('ul').removechild(document.queryselectorall('li')[0])

對建立游標對理解

步驟 1 首先經過底層的 編寫已經建立起了了python和資料庫之間的溝通橋梁並封裝成了模組,通過pymysql下的conntent 方法與之建立起了連線,例項物件。pymysql.connect 方法返回的是connections模組下的connection 例項,connect 方法傳參就是在給...

對勾函式 對勾函式

對勾函式是一種類似於反比例函式的一般函式。所謂的對勾函式,是形如 f x ax b x 的函式,是 一種教材上沒有但考試老喜歡考的函式,所以更加要注意和學習。一般的函式影象形似兩個中心對稱的 對勾,故名。當x 0 時,f x ax b x 有最小值 這裡為了研究方便,規定a 0 b 0 也就是當 x...

一對多 多對一

pip install djangorestframework 3.9.2 pip install markdown 3.0.1 markdown support for the browsable api.pip install django filter 2.1.0 filtering supp...