這是之前研究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為基...