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

資訊專欄INFORMATION COLUMN

DOM疑惑點整理（一）

Moxmi / 1133人閱讀

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

Nodelist和HTMLCollection 定義區(qū)別

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

API區(qū)別

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

屬性、方法區(qū)別

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

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

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

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

相關(guān)文章

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

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

    Lucky_Boy 評論0 收藏0

  • DOM疑惑點整理（三）

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

    高勝山 評論0 收藏0

  • DOM疑惑點整理（三）

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

    lucas 評論0 收藏0

  • 前端渲染過程的二三事

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

    Rindia 評論0 收藏0

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

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

    twohappy 評論0 收藏0

發(fā)表評論

0條評論

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