DOM疑惑點整理（一）

Moxmi 發布于2019-08-22 15:46 / 1123人閱讀

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

Nodelist和HTMLCollection 定義區別

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

API區別

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

屬性、方法區別

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

非數組

兩者都類數組，但非數組，于是不能使用Array的方法，但可把兩者先轉換為數組。

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

GPU云服務器云服務器輕輕一點安卓買了云服務器怎么設置一點不會機柜整理整理收集

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

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

DOM疑惑點整理（二）內聯、嵌入、外聯樣式訪問

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

Lucky_Boy 2019-08-22 16:19 評論0 收藏0
DOM疑惑點整理（三）

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

高勝山 2019-08-22 16:34 評論0 收藏0
DOM疑惑點整理（三）

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

lucas 2019-08-02 10:15 評論0 收藏0
前端渲染過程的二三事

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

Rindia 2019-08-23 13:03 評論0 收藏0
40 行代碼內實現一個 React.js

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

twohappy 2019-08-20 14:32 評論0 收藏0