亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

DOM疑惑點(diǎn)整理（一）

Moxmi / 1240人閱讀

摘要：和定義區(qū)別是多種類型節(jié)點(diǎn)的集合，是元素類型節(jié)點(diǎn)的集合。當(dāng)查詢文檔時(shí)，該方法對大小寫不敏感。但是在及之前版本用訪問返回一個(gè)對象，訪問返回函數(shù)。及之前版本，用設(shè)置屬性，不會(huì)有任何效果。不建議用使用和更方便。

Nodelist和HTMLCollection 定義區(qū)別

Nodelist是多種類型節(jié)點(diǎn)的集合，HTMLCollection是元素類型節(jié)點(diǎn)的集合。

API區(qū)別

返回Nodelist的API：Node.childNodes 和 document.querySelectorAll
返回HTMLCollection的API：
Node.children、
document.getElementsByTagName、
document.getElementsByTagNameNS、
document.getElementsByClassName

屬性、方法區(qū)別

兩者共有：
length： NodeList 對象中包含的節(jié)點(diǎn)個(gè)數(shù).
item (id)：返回NodeList對象中指定索引的節(jié)點(diǎn),如果索引越界,則返回null.
HTMLCollection特有方法：
namedItem(name): 如果文檔是 HTML 文檔，該方法會(huì)首先查詢帶有匹配給定名稱的 id 屬性的節(jié)點(diǎn)，如果不存在匹配的 id 屬性，則查詢帶有匹配給定名稱的 name 屬性的節(jié)點(diǎn)。當(dāng)查詢 HTML 文檔時(shí)，該方法對大小寫不敏感。

非數(shù)組

兩者都類數(shù)組，但非數(shù)組，于是不能使用Array的方法，但可把兩者先轉(zhuǎn)換為數(shù)組。

    function convertToArray(args){
        var array = null;
        try{
            array = Array.prototype.slice.call(args); 
            //ES6可以如下寫
            //array = Array.from(args);
        }catch(ex){                             
            array = new Array();                   //針對IE8之前
            for(var i=0,len=args.length;i
getAttribute

一般利用getAttribute訪問元素的style和onclick屬性都會(huì)返回字符串類型的相應(yīng)代碼。
但是在IE7及之前版本用getAttribute訪問style返回一個(gè)對象，訪問onclick返回函數(shù)。
IE7及之前版本，用setAttribute設(shè)置style屬性，不會(huì)有任何效果。
不建議用getAttributeNode、setAttributeNode,使用getAttribute、setAttribute和removeAttribute更方便。

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/93740.html

相關(guān)文章

  • DOM疑惑點(diǎn)整理（二）內(nèi)聯(lián)、嵌入、外聯(lián)樣式訪問

    摘要：內(nèi)聯(lián)樣式外聯(lián)樣式樣式屬性，寫在外部文件，通過鏈接導(dǎo)入。內(nèi)聯(lián)樣式注意點(diǎn)樣式的應(yīng)用，采取就近原則，因此一般情況優(yōu)先級是內(nèi)聯(lián)樣式嵌入樣式外聯(lián)樣式。中有新的方式去查看完整的屬性某元素內(nèi)聯(lián)外聯(lián)嵌入樣式合起來計(jì)算后的屬性。 訪問的style屬性為空？ 有時(shí)候，直接通過某元素的style屬性去查看相關(guān)信息時(shí)，會(huì)發(fā)現(xiàn)查看到的是空的屬性。原因很簡單，style屬性只能訪問內(nèi)聯(lián)樣式，而你把css寫在了外部...

    Lucky_Boy 評論0 收藏0

  • DOM疑惑點(diǎn)整理（三）

    摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個(gè)幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會(huì)被解析為DOM子樹，其二就是， let txt = doc...

    高勝山 評論0 收藏0

  • DOM疑惑點(diǎn)整理（三）

    摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個(gè)幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會(huì)被解析為DOM子樹，其二就是， let txt = doc...

    lucas 評論0 收藏0

  • 前端渲染過程的二三事

    摘要：前端渲染過程的二三事本文不會(huì)介紹整個(gè)前端渲染過程的步驟，只是記錄最近閱讀的文章的些許思考和感悟。那么現(xiàn)在我們可以明白這個(gè)問題的關(guān)鍵所在了，因?yàn)樵诖蟛糠猪撁嬷惺菗碛械?，而由于其解析順序，那么在事件之前必定已?jīng)成功構(gòu)造樹。 前端渲染過程的二三事 本文不會(huì)介紹整個(gè)前端渲染過程的步驟，只是記錄最近閱讀的文章的些許思考和感悟。（文章地址一（系列）,文章地址二） 希望大家在閱讀這篇文章之前能將上述...

    Rindia 評論0 收藏0

  • 40 行代碼內(nèi)實(shí)現(xiàn)一個(gè) React.js

    摘要：代碼托管這個(gè)倉庫。假設(shè)現(xiàn)在我們需要實(shí)現(xiàn)一個(gè)點(diǎn)贊取消點(diǎn)贊的功能。如果你對前端稍微有一點(diǎn)了解，你就順手拈來點(diǎn)贊為了現(xiàn)實(shí)當(dāng)中的實(shí)際情況，所以這里特易把這個(gè)的結(jié)構(gòu)搞得稍微復(fù)雜一些。這里非常暴力地使用了，把兩個(gè)按鈕粗魯?shù)夭迦肓水?dāng)中。 作者：胡子大哈原文鏈接：http://huziketang.com/blog/posts/detail?postId=58aea515204d50674934c3a...

    twohappy 評論0 收藏0

發(fā)表評論

0條評論

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