有關Html頁面節點的簡單理解

2021-07-04 18:27:05 字數 939 閱讀 3859

這是之前研究web前端的一點經驗,主要針對剛入門還沒怎麼研究的朋友。

因為我發現我在用js,css參與過**開發專案後仍然沒有理解文字節點與普通節點的差別,所以記下來拿來分享一下。

先上結論:之內有三個節點,包括兩個文字節點和乙個節點,就算文字節點裡面沒有任何文字,它也是依舊存在的~

下面是乙個簡單的html介面。

這是div的第乙個子節點objecttext型別這是div的第二個子節點內容這是div的第三個子節點objecttext型別

下面是執行結果:

tagname:div

nodevalue:null

innerhtml:這是div的第乙個子節點objecttext型別這是div的第二個子節點內容這是div的第三個子節點objecttext型別 這裡用write看不出,alert就能看到全部資訊

firstchild[object text]

firstchild.nodevalue這是div的第乙個子節點objecttext型別 

innerhtml:undefined

nodevalue:這是div的第乙個子節點objecttext型別 

型別:[object text]

innerhtml:這是div的第二個子節點內容

nodevalue:null

型別:[object htmlelement]

innerhtml:undefined

nodevalue: 這是div的第三個子節點objecttext型別 

型別:[object text]

這是div的第二個子節點內容

總之,我們需要明白的就是,之內有三個節點,包括兩個文字節點和乙個節點,就算文字節點裡面沒有任何文字,它也是依舊存在的~

有關Html頁面節點的簡單理解

這是之前研究web前端的一點經驗,主要針對剛入門還沒怎麼研究的朋友。因為我發現我在用js,css參與過 開發專案後仍然沒有理解文字節點與普通節點的差別,所以記下來拿來分享一下。先上結論 之內有三個節點,包括兩個文字節點和乙個節點,就算文字節點裡面沒有任何文字,它也是依舊存在的 下面是乙個簡單的htm...

有關匹配HTML頁面內容問題

返回值 返回整個頁面字串 2 提取頁面內容 2.1 正則匹配 content file get contents url preg match 正規表示式 content,存放匹配結果的陣列名 注 這個方法只匹配第乙個遇到的能匹配上的內容 preg match all 正規表示式 content,存...

HTML簡單理解

html是用來描述網頁的一種語言。html指的是超文字標記語言 hyper text markup language html不是程式語言,而好似一種標記語言 markup language 標記語言是一套標記標籤 markup tag html使用標記標籤來描述網頁 所有網頁軟體都是以html為基...