国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

DOM API

趙春朋 / 2102人閱讀

摘要:簡單記錄請看阮一峰的意思是我使用的是文檔對象模型在文檔與對象做一個模型映射就是文檔對象模型把文檔變成對象的模型就是元素文本是標簽的父元素只要看到一個節點瀏覽器就構造出來一個對應的對象放在內存中頁面中的節點通過構造函數變成對象想要操作節點就操

DOM API

</>復制代碼

  1. 簡單記錄

請看阮一峰的DOM API
意思是我使用的是html5

Document Object Model文檔對象模型
在文檔與對象做一個模型映射,就是文檔對象模型

把文檔變成對象的模型.就是DOM

Element元素, Text 文本.
Document是html標簽的父元素.

只要看到一個節點,瀏覽器就構造出來一個對應的對象,放在內存中.

頁面中的節點通過構造函數變成對象,想要操作節點,就操縱對象相應的API就行了

document繼承node,原型鏈

底下幾個接口去MDN看詳細的,或者需要用了就去看MDN

1.Node接口 1.1屬性

Node派生于Object
sibling,兄弟姐妹
屬性

childNodes,firstChild,innerText,lastChild,nextSibling,nodeName,nodeType,nodeValue,outerText,ownerDocument,parentElement,parentNode,previousSibling,textContent

注意:

nextSibling,previousSibling會獲取到文本節點.使用nextElementSibling,previousElementSibling

innerText,textContent有細微區別

nodeType,1表示元素,3表示文本

nodeName

1.2方法

cloneNode()

方法(如果一個屬性是函數,那么這個屬性就也叫做方法;換言之,方法是函數屬性)

appendChild()//加兒子
cloneNode()

注意:

深拷貝:遞歸拷貝里面所有的內容

div.cloneNode(true);深拷貝,不寫或者false就是淺拷貝
contains()
hasChildNodes()
insertBefore()

</>復制代碼

  1. isEqualNode()//只要長得一樣就行,內存地址不一樣沒關系
  2. isSameNode()//等價于===,完全相等,包括地址,同一個
  3. removeChild()//移除孩子,但是還在內存中
  4. replaceChild()//交換孩子

normalize() // 常規化


將兩個文本節點變成一個

搞清楚英文單詞的意思就知道用法
如果發現知道英文后依然不明白用法,看 MDN 的例子即可,如 normalize

2.document接口

document繼承node,原型鏈

2.1屬性

</>復制代碼

  1. body
  2. characterSet//字符編碼
  3. childElementCount//子標簽數量
  4. children
  5. doctype
  6. documentElement
  7. domain//獲取域名
  8. head
  9. hidden
  10. images
  11. links//獲取所有的a標簽
  12. location//獲取當前地址
  13. onxxxxxxxxx//監聽事件
  14. origin
  15. plugins//時候開始起flash插件
  16. readyState//是否下載完了
  17. **referrer**//引薦,通過引薦拒絕為其他網站提供服務.引薦就是從那個網站打開的這個請求.可以用來只能在自己的網站請求,其他地方直接打開這個請求是打不開的,具體看視頻,防止把這個網站當圖床
  18. scripts
  19. scrollingElement//正在滾動的元素
  20. styleSheets
  21. title
  22. visibilityState//查看當前頁面是都正在被用戶瀏覽,如果用戶打開了這個頁面,但是不在看當前頁面,這個就是false
2.2方法:

</>復制代碼

  1. close()//關閉文檔,不用
  2. createDocumentFragment()
  3. createElement()
  4. **注意**:div1.innerText="hello"會把div里面所有的元素去除掉,只剩下hello文本.所以要用div.appendchild(document.createTextNode("hello")),這樣才不會覆蓋
  5. createTextNode()
  6. execCommand()//執行命令,當希望插入使用富文本編輯器的時候使用這個
  7. exitFullscreen()//退出全屏
  8. getElementById()
  9. getElementsByClassName()
  10. getElementsByName()
  11. getElementsByTagName()
  12. getSelection()
  13. hasFocus()
  14. open()
  15. **querySelector()**//通過選擇器選擇元素.得到的都是偽數組
  16. querySelectorAll()
  17. registerElement()
  18. write()
  19. writeln()
3.Element 的接口

</>復制代碼

  1. 看MDN
  2. classList
  3. innerHtml可以讀取html格式.標簽會顯示.出于安全問題盡量不要用.
  4. innerText只是文本

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/95270.html

相關文章

  • 淺析SAX,DOM,JAXP,JDOMDOM4J之間的關系

    摘要:通過解析器獲取文檔對象后,開發人員可以很方便的對其進行操作,如獲取更元素,獲取一個子元素,增加子元素,移除子元素。它并沒有為解析提供任何新功能,但是它為在獲取與解析器提供了更加直接的途徑。自身不包含解析器,默認使用隨包一起發行的。 showImg(/img/bVDhQE?w=888&h=220); 文章最初發表于我的個人博客非典型性程序猿 眾所周知,SAX與DOM是JAVA中兩大核心X...

    妤鋒シ 評論0 收藏0
  • 淺析SAX,DOM,JAXP,JDOMDOM4J之間的關系

    摘要:通過解析器獲取文檔對象后,開發人員可以很方便的對其進行操作,如獲取更元素,獲取一個子元素,增加子元素,移除子元素。它并沒有為解析提供任何新功能,但是它為在獲取與解析器提供了更加直接的途徑。自身不包含解析器,默認使用隨包一起發行的。 showImg(https://segmentfault.com/img/bVDhQE?w=888&h=220); 文章最初發表于我的個人博客非典型性程序猿...

    JasinYip 評論0 收藏0
  • 重學前端學習筆記(二十三)--狹義的文檔對象DOM

    摘要:事件觸發和監聽事件相關。文檔是一個由標簽嵌套而成的樹形結構,因此,也是使用樹形的對象模型來描述一個文檔。節點的寫法三是樹繼承關系的根節點。七表示一個上的范圍,這個范圍是以文字為最小單位的。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的...

    Guakin_Huang 評論0 收藏0
  • 重學前端學習筆記(二十三)--狹義的文檔對象DOM

    摘要:事件觸發和監聽事件相關。文檔是一個由標簽嵌套而成的樹形結構,因此,也是使用樹形的對象模型來描述一個文檔。節點的寫法三是樹繼承關系的根節點。七表示一個上的范圍,這個范圍是以文字為最小單位的。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的...

    wuaiqiu 評論0 收藏0
  • 重學前端學習筆記(二十三)--狹義的文檔對象DOM

    摘要:事件觸發和監聽事件相關。文檔是一個由標簽嵌套而成的樹形結構,因此,也是使用樹形的對象模型來描述一個文檔。節點的寫法三是樹繼承關系的根節點。七表示一個上的范圍,這個范圍是以文字為最小單位的。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的...

    AlanKeene 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<