成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript中DOM的層次節(jié)點(diǎn)(二)

hzx / 3413人閱讀

摘要:將添加到節(jié)點(diǎn)的末尾。從指定的位置將當(dāng)前文本節(jié)點(diǎn)分成兩個(gè)文本節(jié)點(diǎn)。類型值區(qū)域中的內(nèi)容沒有子節(jié)點(diǎn)類型此類型在瀏覽器中并不常用,只有和支持。類型特性就是元素屬性的節(jié)點(diǎn)。

1 Text類型

Text類型為文本節(jié)點(diǎn),包含的是可照字面解釋的純文本內(nèi)容,可以包含轉(zhuǎn)義后的HTML字符,但不能包含HTML代碼。

類型
nodeType 3
nodeName "#text"
nodeValue 節(jié)點(diǎn)所包含的文本
parentNode Element
沒有節(jié)點(diǎn)

可以通過nodeValue和data屬性訪問Text節(jié)點(diǎn)中包含的文本。

appendData(text):將text添加到節(jié)點(diǎn)的末尾。

deleteData(offset,count):從offset置頂?shù)奈恢瞄_始刪除count個(gè)字符。

insertData(offset,text):在offset位置插入text。

replaceData(offset,count,text):用text替換從offset指定的文職到offset+count為止的文本。

splitText(offset):從offset指定的位置將當(dāng)前文本節(jié)點(diǎn)分成兩個(gè)文本節(jié)點(diǎn)。

substringData(offset,count):提取從offset指定的位置開始到offset+count處的字符串。

length:長度。

創(chuàng)建文本節(jié)點(diǎn)
    document.createTextNode("Hello world");
    document.createElement("div");
    document.body.appendChild(element);//在未添加之前,雖然創(chuàng)建,但是不會(huì)顯示出來

如果創(chuàng)建多個(gè)文本節(jié)點(diǎn),且是相鄰的同胞節(jié)點(diǎn),那么兩個(gè)節(jié)點(diǎn)的文本會(huì)連起來顯示,中間不會(huì)有空格。

2 Comment類型
類型
nodeType 8
nodeName "#comment"
nodeValue 注釋的內(nèi)容

Comment類型與Text類型繼承自相同的基類,因此它擁有除splitText()之外的所有字符串操作方法,與Text類似,也可以使用nodeValue和data屬性來取得注釋的內(nèi)容。

3 CDATASection類型

CDATASection類型只針對XML文檔,表示的是CDATA區(qū)域,與Comment類似,繼承自Text類型,因此擁有除splitText()之外的所有字符串操作方法。

類型
nodeType 4
nodeName "#cdata-section"
nodeValue CDATA區(qū)域中的內(nèi)容
沒有子節(jié)點(diǎn)
4 DocumentType類型

此類型在Web瀏覽器中并不常用,只有Firefox、Safari和Opera支持。

類型
nodeType 10
nodeName doctype名稱
nodeValue null

DocumentType對象不能動(dòng)態(tài)創(chuàng)建,只能通過解析文檔代碼的方式來創(chuàng)建。若瀏覽器支持此類型,會(huì)把此對象保存在document.doctype中。

5 Attr類型

特性就是元素attribute屬性的節(jié)點(diǎn)。在所有瀏覽器中,都可以訪問Attr類型的構(gòu)造函數(shù)和原型。

類型
nodeType 11
nodeName 特性的名稱
nodeValue 特性的值

特性雖然是節(jié)點(diǎn),但不會(huì)被認(rèn)為是DOM文檔樹的一部分,最常用的方法為getAttribute(),setAttribute()和remveAttribute(),很少會(huì)直接引用特性節(jié)點(diǎn)。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/78433.html

相關(guān)文章

  • javaScript 高級(jí)程序設(shè)計(jì)筆記——DOM

    摘要:一類型在中,所有的節(jié)點(diǎn)類型都繼承自類型。包含文檔中所有帶特性的元素包含文檔中所有的元素包含文檔中所有的元素包含文檔中所有帶特性的元素一致性檢測因?yàn)榉譃槎鄠€(gè)級(jí)別,也包含多個(gè)部分,因此檢測瀏覽器實(shí)現(xiàn)了的哪些部分就十分必要。 DOM是針對HTML和XML文檔的一個(gè)APIDOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹,允許開發(fā)人員輕松自如地添加、刪除、替換、修改頁面的某一部分 一、節(jié)點(diǎn)層次 DOM將HTML文...

    JinB 評論0 收藏0
  • webkit渲染機(jī)制淺析

    摘要:模塊和將下面的渲染機(jī)制,安全機(jī)制,插件機(jī)制等等隱藏起來,提供一個(gè)接口層。進(jìn)行網(wǎng)頁的渲染進(jìn)程,可能有多個(gè)。最后進(jìn)程將結(jié)果由線程傳遞給進(jìn)程最后,進(jìn)程接收到結(jié)果并將結(jié)果繪制出來。 這是之前在簡書上面的處女作,也搬過來了,以后就一直在 segmentfault 上面寫文章了,webkit技術(shù)內(nèi)幕-朱永盛是我大四買的書,很舊的一本書了,當(dāng)時(shí)只看了一點(diǎn)點(diǎn),一直沒繼續(xù)看完它,現(xiàn)在才看完,,,說來慚愧...

    Cobub 評論0 收藏0
  • JavaScriptDOM層次節(jié)點(diǎn)(一)

    摘要:是針對和文檔的一個(gè),描繪了一個(gè)層次化的節(jié)點(diǎn)樹,允許開發(fā)人員添加修改刪除節(jié)點(diǎn)的一部分。類型級(jí)定義了接口,該接口由中的所有節(jié)點(diǎn)類型實(shí)現(xiàn)。添加的這些屬性分別對應(yīng)于每個(gè)元素中都存在的下列標(biāo)準(zhǔn)特性。 DOM是針對HTML和XML文檔的一個(gè)API,描繪了一個(gè)層次化的節(jié)點(diǎn)樹,允許開發(fā)人員添加、修改、刪除節(jié)點(diǎn)的一部分。 DOM將HTML和XML文檔描繪成一個(gè)有多個(gè)節(jié)點(diǎn)構(gòu)成的結(jié)構(gòu),節(jié)點(diǎn)分為12種不同的...

    leap_frog 評論0 收藏0
  • 《Webkit技術(shù)內(nèi)幕》之頁面渲染過程

    摘要:文章同步到技術(shù)內(nèi)幕之頁面渲染過程最近拜讀了傳說中的技術(shù)內(nèi)幕一書,有很大收獲,尤其是對頁面渲染有了較深的認(rèn)識(shí)。解析語法分析,基于詞法解釋器生成的新標(biāo)記,構(gòu)建成抽象語法樹,解析器嘗試將其與某條語法規(guī)則進(jìn)行匹配。 文章同步到github《Webkit技術(shù)內(nèi)幕》之頁面渲染過程 最近拜讀了傳說中的《Webkit技術(shù)內(nèi)幕》一書,有很大收獲,尤其是對頁面渲染有了較深的認(rèn)識(shí)。由于功力有限,而且書中設(shè)...

    vvpvvp 評論0 收藏0
  • 《Webkit技術(shù)內(nèi)幕》之頁面渲染過程

    摘要:文章同步到技術(shù)內(nèi)幕之頁面渲染過程最近拜讀了傳說中的技術(shù)內(nèi)幕一書,有很大收獲,尤其是對頁面渲染有了較深的認(rèn)識(shí)。解析語法分析,基于詞法解釋器生成的新標(biāo)記,構(gòu)建成抽象語法樹,解析器嘗試將其與某條語法規(guī)則進(jìn)行匹配。 文章同步到github《Webkit技術(shù)內(nèi)幕》之頁面渲染過程 最近拜讀了傳說中的《Webkit技術(shù)內(nèi)幕》一書,有很大收獲,尤其是對頁面渲染有了較深的認(rèn)識(shí)。由于功力有限,而且書中設(shè)...

    adam1q84 評論0 收藏0

發(fā)表評論

0條評論

hzx

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<