摘要：節(jié)點具有以下特征的值為的值為元素的標(biāo)簽名的值為可能是或其子節(jié)點可能是或。添加的這些屬性分別對應(yīng)于每個元素中都存在的下列標(biāo)準(zhǔn)特性。，有關(guān)元素的附加說明信息，一般通過工具提示條顯示出來。

除了 Document 類型之外，Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素，提供了對元素標(biāo)簽名、子節(jié)點及特性的訪問。Element 節(jié)點具有以下特征：

nodeType 的值為1；

nodeName 的值為元素的標(biāo)簽名；

nodeValue 的值為 null；

parentNode 可能是 Document 或 Element；

其子節(jié)點可能是 Element、Text、Comment、ProcessingInstruction、CDATASection 或 EntityReference。

要訪問元素的標(biāo)簽名，可以使用 nodeName 屬性，也可以使用 tagName 屬性；這兩個屬性會返回相同的值（使用后者主要是為了清晰起見）。以下面的元素為例：

可以像下面這樣取得這個元素及其標(biāo)簽名：

var div = document.getElementById("myDiv");
console.log(div.tagName); // "DIV"
console.log(div.tagName === div.nodeName); // true

這里的元素標(biāo)簽名是 div，它擁有一個值為 "myDiv" 的ID?？墒?，div.tagName 實際上輸出的是 "DIV" 而非 "div"。在HTML中，標(biāo)簽名始終都以全部大寫表示；而在 XML（有時候也包括 XHTML）中，標(biāo)簽名則始終會與源代碼中的保持一致。假如你不確定自己的腳本將會在 HTML 還是 XML 文檔中執(zhí)行，最好是在比較之前將標(biāo)簽名轉(zhuǎn)換為相同的大小寫形式，如下面的例子所示：

// 不能這樣比較，很容易出錯！
if (element.tagName == "div"){ 
    //在此執(zhí)行某些操作
}

// 這樣最好（適用于任何文檔）
if (element.tagName.toLowerCase() == "div"){ 
    //在此執(zhí)行某些操作
}

所有 HTML 元素都由 HTMLElement 類型表示，不是直接通過這個類型，也是通過它的子類型來表示。HTMLElement 類型直接繼承自 Element 并添加了一些屬性。添加的這些屬性分別對應(yīng)于每個 HTML 元素中都存在的下列標(biāo)準(zhǔn)特性。

id，元素在文檔中的唯一標(biāo)識符。

title，有關(guān)元素的附加說明信息，一般通過工具提示條顯示出來。

lang，元素內(nèi)容的語言代碼，很少使用。

dir，語言的方向，值為 "ltr"（left-to-right，從左至右）或 "rtl"（right-to-left，從右至左），也很少使用。

className，與元素的 class 特性對應(yīng)，即為元素指定的 CSS 類。沒有將這個屬性命名為 class，是因為 class 是 JavaScript 的保留字。

上述這些屬性都可以用來取得或修改相應(yīng)的特性值。以下面的HTML元素為例：

元素中指定的所有信息，都可以通過下列 JavaScript 代碼取得：

var div = document.getElementById("myDiv");
console.log(div.id);         // "myDiv""
console.log(div.className);  // "bd"
console.log(div.title);      // "Body text"
console.log(div.lang);       // "en"
console.log(div.dir);        // "ltr"

當(dāng)然，像下面這樣通過為每個屬性賦予新的值，也可以修改對應(yīng)的每個特性：

div.id = "someOtherId";
div.className = "ft";
div.title = "Some other text";
div.lang = "fr";
div.dir ="rtl";

并不是對所有屬性的修改都會在頁面中直觀地表現(xiàn)出來。對 id 或 lang 的修改對用戶而言是透明不可見的（假設(shè)沒有基于它們的值設(shè)置的 CSS 樣式），而對 title 的修改則只會在鼠標(biāo)移動到這個元素之上時才會顯示出來。對 dir 的修改會在屬性被重寫的那一刻，立即影響頁面中文本的左、右對齊方式。修改 className 時，如果新類關(guān)聯(lián)了與此前不同的 CSS 樣式，那么就會立即應(yīng)用新的樣式。

每個元素都有一或多個特性，這些特性的用途是給出相應(yīng)元素或其內(nèi)容的附加信息。操作特性的 DOM 方法主要有三個，分別是 getAttribute()、setAttribute() 和 removeAttribute()。這三個方法可以針對任何特性使用，包括那些以 HTMLElement 類型屬性的形式定義的特性。來看下面的例子：

var div = document.getElementById("myDiv");
console.log(div.getAttribute("id"));     // "myDiv"
console.log(div.getAttribute("class"));  // "bd"
console.log(div.getAttribute("title"));  // "Body text"
console.log(div.getAttribute("lang"));   // "en"
console.log(div.getAttribute("dir"));    // "ltr"

注意，傳遞給 getAttribute() 的特性名與實際的特性名相同。因此要想得到 class 特性值，應(yīng)該傳入 "class" 而不是 "className"，后者只有在通過對象屬性訪問特性時才用。如果給定名稱的特性不存在，getAttribute() 返回 null。

通過 getAttribute() 方法也可以取得自定義特性（即標(biāo)準(zhǔn) HTML 語言中沒有的特性）的值，以下面的元素為例：

這個元素包含一個名為 my_special_attribute 的自定義特性，它的值是 "hello!"?？梢韵袢〉闷渌匦砸粯尤〉眠@個值，如下所示：

var value = div.getAttribute("my_special_attribute");

不過，特性的名稱是不區(qū)分大小寫的，即 "ID" 和 "id" 代表的都是同一個特性。另外也要注意，根據(jù) HTML5 規(guī)范，自定義特性應(yīng)該加上 data- 前綴以便驗證。

任何元素的所有特性，也都可以通過 DOM 元素本身的屬性來訪問。當(dāng)然，HTMLElement 也會有5個屬性與相應(yīng)的特性一一對應(yīng)。不過，只有公認的（非自定義的）特性才會以屬性的形式添加到 DOM 對象中。以下面的元素為例：

因為 id 和 align 在 HTML 中是 div 的公認特性，因此該元素的 DOM 對象中也將存在對應(yīng)的屬性。不過，自定義特性 my_special_attribute 在 Safari、Opera、Chrome 及 Firefox 中是不存在的；但 IE 卻會為自定義特性也創(chuàng)建屬性，如下面的例子所示：

console.log(div.id);                      // "myDiv"
console.log(div.my_special_attribute);    // undefined（IE除外）
console.log(div.align);                   // "left"

有兩類特殊的特性，它們雖然有對應(yīng)的屬性名，但屬性的值與通過 getAttribute() 返回的值并不相同。第一類特性就是 style，用于通過 CSS 為元素指定樣式。在通過 getAttribute() 訪問時，返回的 style 特性值中包含的是CSS文本，而通過屬性來訪問它則會返回一個對象。由于 style 屬性是用于以編程方式訪問元素樣式的，因此并沒有直接映射到 style 特性。

第二類與眾不同的特性是 onclick 這樣的事件處理程序。當(dāng)在元素上使用時，onclick 特性中包含的是 JavaScript 代碼，如果通過 getAttribute() 訪問，則會返回相應(yīng)代碼的字符串。而在訪問 onclick 屬性時，則會返回一個 JavaScript 函數(shù)（如果未在元素中指定相應(yīng)特性，則返回 null）。這是因為 onclick 及其他事件處理程序?qū)傩员旧砭蛻?yīng)該被賦予函數(shù)值。

由于存在這些差別，在通過 JavaScript 以編程方式操作 DOM 時，開發(fā)人員經(jīng)常不使用 getAttribute()，而是只使用對象的屬性。只有在取得自定義特性值的情況下，才會使用 getAttribute() 方法。

與 getAttribute() 對應(yīng)的方法是 setAttribute()，這個方法接受兩個參數(shù)：要設(shè)置的特性名和值。如果特性已經(jīng)存在，setAttribute() 會以指定的值替換現(xiàn)有的值；如果特性不存在，setAttribute() 則創(chuàng)建該屬性并設(shè)置相應(yīng)的值。來看下面的例子：

div.setAttribute("id", "someOtherId");
div.setAttribute("class", "ft");
div.setAttribute("title", "Some other text");
div.setAttribute("lang","fr");
div.setAttribute("dir", "rtl");

通過 setAttribute() 方法既可以操作HTML特性也可以操作自定義特性。通過這個方法設(shè)置的特性名會被統(tǒng)一轉(zhuǎn)換為小寫形式，即 "ID" 最終會變成 "id"。

因為所有特性都是屬性，所以直接給屬性賦值可以設(shè)置特性的值，如下所示。

div.id = "someOtherId";
div.align = "left";

不過，像下面這樣為 DOM 元素添加一個自定義的屬性，該屬性不會自動成為元素的特性。

div.mycolor = "red";
console.log(div.mycolor); // "red"
console.log(div.getAttribute("mycolor")); // null（IE除外）

這個例子添加了一個名為 mycolor 的屬性并將它的值設(shè)置為 "red"。在大多數(shù)瀏覽器中，這個屬性都不會自動變成元素的特性，因此想通過 getAttribute() 取得同名特性的值，結(jié)果會返回 null?？墒?，自定義屬性在 IE 中會被當(dāng)作元素的特性，反之亦然。

要介紹的最后一個方法是 removeAttribute()，這個方法用于徹底刪除元素的特性。調(diào)用這個方法不僅會清除特性的值，而且也會從元素中完全刪除特性，如下所示：

div.removeAttribute("class");

這個方法并不常用，但在序列化 DOM 元素時，可以通過它來確切地指定要包含哪些特性。

使用 document.createElement() 方法可以創(chuàng)建新元素。這個方法只接受一個參數(shù)，即要創(chuàng)建元素的標(biāo)簽名。這個標(biāo)簽名在 HTML 文檔中不區(qū)分大小寫。例如，使用下面的代碼可以創(chuàng)建一個 div 元素。

var div = document.createElement("div");

在使用 createElement() 方法創(chuàng)建新元素的同時，也為新元素設(shè)置了 ownerDocuemnt 屬性。此時，還可以操作元素的特性，為它添加更多子節(jié)點，以及執(zhí)行其他操作。來看下面的例子。

div.id = "myNewDiv";
div.className = "box";

在新元素上設(shè)置這些特性只是給它們賦予了相應(yīng)的信息。由于新元素尚未被添加到文檔樹中，因此設(shè)置這些特性不會影響瀏覽器的顯示。要把新元素添加到文檔樹，可以使用 appendChild()、insertBefore() 或 replaceChild() 方法。下面的代碼會把新創(chuàng)建的元素添加到文檔的 元素中。

document.body.appendChild(div);

一旦將元素添加到文檔樹中，瀏覽器就會立即呈現(xiàn)該元素。此后，對這個元素所作的任何修改都會實時反映在瀏覽器中。

元素可以有任意數(shù)目的子節(jié)點和后代節(jié)點，因為元素可以是其他元素的子節(jié)點。元素的 childNodes 屬性中包含了它的所有子節(jié)點，這些子節(jié)點有可能是元素、文本節(jié)點、注釋或處理指令。不同瀏覽器在看待這些節(jié)點方面存在顯著的不同，以下面的代碼為例。

    
Item 1
    
Item 2
    
Item 3

如果是 IE8 來解析這些代碼，那么

元素會有3個子節(jié)點，分別是3個
• 元素。但如果是在其他瀏覽器中，
  元素都會有7個元素，包括3個
  • 元素和4個文本節(jié)點（表示
  • 元素之間的空白符）。如果像下面這樣將元素間的空白符刪除，那么所有瀏覽器都會返回相同數(shù)目的子節(jié)點。

    Item 1
    Item 2
    Item 3

    對于這段代碼，

    元素在任何瀏覽器中都會包含3個子節(jié)點。如果需要通過 childNodes 屬性遍歷子節(jié)點，那么一定不要忘記瀏覽器間的這一差別。這意味著在執(zhí)行某項操作以前，通常都要先檢查一下 nodeTpye 屬性，如下面的例子所示。

    for (var i=0, len=element.childNodes.length; i < len; i++){
        if (element.childNodes[i].nodeType == 1){
            //執(zhí)行某些操作
        }
    }

    這個例子會循環(huán)遍歷特定元素的每一個子節(jié)點，然后只在子節(jié)點的 nodeType 等于1（表示是元素節(jié)點）的情況下，才會執(zhí)行某些操作。

    如果想通過某個特定的標(biāo)簽名取得子節(jié)點或后代節(jié)點該怎么辦呢？實際上，元素也支持 getElementsByTagName() 方法。在通過元素調(diào)用這個方法時，除了搜索起點是當(dāng)前元素之外，其他方面都跟通過 document 調(diào)用這個方法相同，因此結(jié)果只會返回當(dāng)前元素的后代。例如，要想取得前面

    元素中包含的所有
    • 元素，可以使用下列代碼。

      var ul = document.getElementById("myList");
      var items = ul.getElementsByTagName("li");

      要注意的是，這里

      的后代中只包含直接子元素。不過，如果它包含更多層次的后代元素，那么各個層次中包含的
      • 元素也都會返回。
        Text 類型

        文本節(jié)點由 Text 類型表示，包含的是可以照字面解釋的純文本內(nèi)容。純文本中可以包含轉(zhuǎn)義后的 HTML 字符，但不能包含 HTML 代碼。Text 節(jié)點具有以下特征：

        nodeType 的值為3；

        nodeName 的值為 "#text"；

        nodeValue 的值為節(jié)點所包含的文本；

        parentNode 是一個 Element；

        不支持（沒有）子節(jié)點。

        可以通過 nodeValue 屬性或 data 屬性訪問 Text 節(jié)點中包含的文本，這兩個屬性中包含的值相同。對 nodeValue 的修改也會通過 data 反映出來，反之亦然。使用下列方法可以操作節(jié)點中的文本。

        appendData(*text*)：將 *text* 添加到節(jié)點的末尾。

        deleteData(*offset*,?*count*)：從 *offset* 指定的位置開始刪除 *count* 個字符。

        insertData(*offset, text*)：在 *offset* 指定的位置插入 *text*。

        replaceData(*offset, count, text*)：用 *text* 替換從 *offset* 指定的位置開始到 *offset*+*count* 為止處的文本。

        splitText(*offset*)：從 *offset* 指定的位置將當(dāng)前文本節(jié)點分成兩個文本節(jié)點。

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

        除了這些方法之外，文本節(jié)點還有一個 length 屬性，保存著節(jié)點中字符的數(shù)目。而且，nodeValue.length 和 data.length 中也保存著同樣的值。

        在默認情況下，每個可以包含內(nèi)容的元素最多只能有一個文本節(jié)點，而且必須確實有內(nèi)容存在。來看幾個例子。

        
        
        
        
         
        
        
        Hello World!

        上面代碼給出的第一個

        元素沒有內(nèi)容，因此也就不存在文本節(jié)點。開始與結(jié)束標(biāo)簽之間只要存在內(nèi)容，就會創(chuàng)建一個文本節(jié)點。因此，第二個

        元素中雖然只包含一個空格，但仍然有一個文本子節(jié)點；文本節(jié)點的 nodeValue 值是一個空格。第三個 div 也有一個文本節(jié)點，其 nodeValue 的值為 "Hello World!"?？梢允褂靡韵麓a來訪問這些文本子節(jié)點。

        var textNode = div.firstChild;  // 或者div.childNodes[0]

        在取得了文本節(jié)點的引用后，就可以像下面這樣來修改它了。

        div.firstChild.nodeValue = "Some other message";

        如果這個文本節(jié)點當(dāng)前存在于文檔樹中，那么修改文本節(jié)點的結(jié)果就會立即得到反映。另外，在修改文本節(jié)點時還要注意，此時的字符串會經(jīng)過 HTML（或XML，取決于文檔類型）編碼。換句話說，小于號、大于號或引號都會像下面的例子一樣被轉(zhuǎn)義。

        // 輸出結(jié)果是"Some other message"
        div.firstChild.nodeValue = "Some other message";

        應(yīng)該說，這是在向 DOM 文檔中插入文本之前，先對其進行 HTML 編碼的一種有效方式。

        在 IE8、Firefox、Safari、Chrome 和 Opera中，可以通過腳本訪問 Text 類型的構(gòu)造函數(shù)和原型。

        創(chuàng)建文本節(jié)點

        可以使用 document.createTextNode() 創(chuàng)建新文本節(jié)點，這個方法接受一個參數(shù)——要插入節(jié)點中的文本。與設(shè)置已有文本節(jié)點的值一樣，作為參數(shù)的文本也將按照 HTML 或 XML 的格式進行編碼。

        var textNode = document.createTextNode("Hello world!");

        在創(chuàng)建新文本節(jié)點的同時，也會為其設(shè)置 ownerDocument 屬性。不過，除非把新節(jié)點添加到文檔樹中已經(jīng)存在的節(jié)點中，否則我們不會在瀏覽器窗口中看到新節(jié)點。下面的代碼會創(chuàng)建一個

        元素并向其中添加一條消息。

        var element = document.createElement("div");
        element.className = "message";
        
        var textNode = document.createTextNode("Hello world!");
        element.appendChild(textNode);
        
        document.body.appendChild(element);

        這個例子創(chuàng)建了一個新

        元素并為它指定了值為 "message" 的 class 特性。然后，又創(chuàng)建了一個文本節(jié)點，并將其添加到前面創(chuàng)建的元素中。最后一步，就是將這個元素添加到了文檔的 元素中，這樣就可以在瀏覽器中看到新創(chuàng)建的元素和文本節(jié)點了。

        一般情況下，每個元素只有一個文本子節(jié)點。不過，在某些情況下也可能包含多個文本子節(jié)點，如下面的例子所示。

        var element = document.createElement("div");
        element.className = "message";
        
        var textNode = document.createTextNode("Hello world!");
        element.appendChild(textNode);
        
        var anotherTextNode = document.createTextNode("Yippee!");
        element.appendChild(anotherTextNode);
        
        document.body.appendChild(element);

        如果兩個文本節(jié)點是相鄰的同胞節(jié)點，那么這兩個節(jié)點中的文本就會連起來顯示，中間不會有空格。

        規(guī)范化文本節(jié)點

        DOM 文檔中存在相鄰的同胞文本節(jié)點很容易導(dǎo)致混亂，因為分不清哪個文本節(jié)點表示哪個字符串。另外，DOM 文檔中出現(xiàn)相鄰文本節(jié)點的情況也不在少數(shù)，于是就催生了一個能夠?qū)⑾噜徫谋竟?jié)點合并的方法。這個方法是由 Node 類型定義的（因而在所有節(jié)點類型中都存在），名叫 normalize()。如果在一個包含兩個或多個文本節(jié)點的父元素上調(diào)用 normalize() 方法，則會將所有文本節(jié)點合并成一個節(jié)點，結(jié)果節(jié)點的 nodeValue 等于將合并前每個文本節(jié)點的 nodeValue 值拼接起來的值。來看一個例子。

        var element = document.createElement("div");
        element.className = "message";
        
        var textNode = document.createTextNode("Hello world!");
        element.appendChild(textNode);
        
        var anotherTextNode = document.createTextNode("Yippee!");
        element.appendChild(anotherTextNode);
        
        document.body.appendChild(element);
        console.log(element.childNodes.length);    // 2
        
        element.normalize();
        console.log(element.childNodes.length);    // 1
        console.log(element.firstChild.nodeValue); // "Hello world!Yippee!"

        瀏覽器在解析文檔時永遠不會創(chuàng)建相鄰的文本節(jié)點。這種情況只會作為執(zhí)行DOM操作的結(jié)果出現(xiàn)。

        分割文本節(jié)點

        Text 類型提供了一個作用與 normalize() 相反的方法 splitText()。這個方法會將一個文本節(jié)點分成兩個文本節(jié)點，即按照指定的位置分割 nodeValue 值。原來的文本節(jié)點將包含從開始到指定位置之前的內(nèi)容，新文本節(jié)點將包含剩下的文本。這個方法會返回一個新文本節(jié)點，該節(jié)點與原節(jié)點的 parentNode 相同。

        Comment 類型

        注釋在 DOM 中是通過 Comment 類型來表示的。Comment 節(jié)點具有下列特征：

        nodeType 的值為8；

        nodeName 的值為 "#comment"；

        nodeValue 的值是注釋的內(nèi)容；

        parentNode 可能是 Document 或 Element；

        不支持（沒有）子節(jié)點。

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

        注釋節(jié)點可以通過其父節(jié)點來訪問，以下面的代碼為例。

        在此，注釋節(jié)點是

        元素的一個子節(jié)點，因此可以通過下面的代碼來訪問它。

        var div = document.getElementById("myDiv");
        var comment = div.firstChild;
        console.log(comment.data);    // "A comment"

        另外，使用 document.createComment() 并為其傳遞注釋文本也可以創(chuàng)建注釋節(jié)點，如下面的例子所示。

        var comment = document.createComment("A comment ");

        顯然，開發(fā)人員很少會創(chuàng)建和訪問注釋節(jié)點，因為注釋節(jié)點對算法鮮有影響。此外，瀏覽器也不會識別位于 標(biāo)簽后面的注釋。如果要訪問注釋節(jié)點，一定要保證它們位于 和 之間。

        Attr 類型

        元素的特性在 DOM 中以 Attr 類型來表示。在所有瀏覽器中（包括 IE8），都可以訪問 Attr 類型的構(gòu)造函數(shù)和原型。從技術(shù)角度講，特性就是存在于元素的 attributes 屬性中的節(jié)點。特性節(jié)點具有下列特征：

        nodeType 的值為11；

        nodeName 的值是特性的名稱；

        nodeValue 的值是特性的值；

        parentNode 的值為 null；

        在 HTML 中不支持（沒有）子節(jié)點；

        在 XML 中子節(jié)點可以是 Text 或 EntityReference。

        盡管它們也是節(jié)點，但特性卻不被認為是 DOM 文檔樹的一部分。開發(fā)人員最常使用的是 getAttribute()、setAttribute() 和 remveAttribute() 方法，很少直接引用特性節(jié)點。

        Attr 對象有3個屬性：name、value 和 specified。其中，name 是特性名稱（與 nodeName 的值相同），value 是特性的值（與 nodeValue 的值相同），而 specified 是一個布爾值，用以區(qū)別特性是在代碼中指定的，還是默認的。

        使用 document.createAttribute() 并傳入特性的名稱可以創(chuàng)建新的特性節(jié)點。例如，要為元素添加 align 特性，可以使用下列代碼：

        var attr = document.createAttribute("align");
        attr.value = "left";
        element.setAttributeNode(attr);
        console.log(element.attributes["align"].value);       // "left"
        console.log(element.getAttributeNode("align").value); // "left"
        console.log(element.getAttribute("align"));           // "left"

        添加特性之后，可以通過下列任何方式訪問該特性：attributes 屬性、getAttributeNode() 方法以及 getAttribute() 方法。其中，attributes 和 getAttributeNode() 都會返回對應(yīng)特性的 Attr 節(jié)點，而 getAttribute() 則只返回特性的值。

        DOM 操作

        很多時候，DOM 操作都比較簡明，因此用 JavaScript 生成那些通常原本是用 HTML 代碼生成的內(nèi)容并不麻煩。不過，也有一些時候，操作 DOM 并不像表面上看起來那么簡單。由于瀏覽器中充斥著隱藏的陷阱和不兼容問題，用 JavaScript 代碼處理 DOM 的某些部分要比處理其他部分更復(fù)雜一些。

        動態(tài)腳本

        使用

        創(chuàng)建這個 DOM 節(jié)點的代碼如下所示：

        function loadScript(url){
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = url;
            document.body.appendChild(script);
        }

        下面是調(diào)用這個函數(shù)的示例：

        loadScript("client.js");

        另一種指定 JavaScript 代碼的方式是行內(nèi)方式，如下面的例子所示：

        從邏輯上講，下面操作的 DOM 代碼是有效的：

        var script = document.createElement("script");
        script.type = "text/javascript";
        script.appendChild(document.createTextNode("function sayHi(){alert("hi");}"));
        document.body.appendChild(script);

        在 Firefox、Safari、Chrome 和 Opera 中，這些 DOM 代碼可以正常運行。但在 IE 中，則會導(dǎo)致錯誤。IE 將

        
        
        
            aaa
            bbb
            ccc
         
        
        

        
        
        
            aaa
            bbb
            ccc
        
        
        

        更多

        關(guān)注微信公眾號「劼哥舍」回復(fù)「答案」，獲取關(guān)卡詳解。  
        關(guān)注 https://github.com/stone0090/javascript-lessons，獲取最新動態(tài)。

        云服務(wù)器 GPU云服務(wù)器 javascript dom javascript dom 編程藝術(shù) javascript遍歷dom javascript創(chuàng)建dom

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

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

        • 上一篇：本地存儲localStorage以及它的封裝接口store.js的使用
        • 下一篇：右腦編程法--你適合編程么？

        相關(guān)文章

        • JavaScript 闖關(guān)記

          摘要：對象數(shù)組初始化表達式，闖關(guān)記之上文檔對象模型是針對和文檔的一個。闖關(guān)記之?dāng)?shù)組數(shù)組是值的有序集合。數(shù)組是動態(tài)的，根闖關(guān)記之語法的語法大量借鑒了及其他類語言如和的語法。 《JavaScript 闖關(guān)記》之 DOM（下） Element 類型 除了 Document 類型之外，Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素...

          mj 2019-08-21 18:45 評論0 收藏0

        • 《JavaScript 闖關(guān)記》之簡介

          摘要：瀏覽器只是實現(xiàn)的宿主環(huán)境之一，其他宿主環(huán)境包括和。年月，版發(fā)布，成為國際標(biāo)準(zhǔn)。事件定義了事件和事件處理的接口。對于已經(jīng)正式納入標(biāo)準(zhǔn)的來說，盡管各瀏覽器都實現(xiàn)了某些眾所周知的共同特性，但其他特性還是會因瀏覽器而異。 JavaScript 是面向 Web 的編程語言，絕大多數(shù)現(xiàn)代網(wǎng)站都使用了 JavaScript，并且所有的現(xiàn)代 Web 瀏覽器（電腦，手機，平板）均包含了 JavaScri...

          baihe 2019-08-21 10:55 評論0 收藏0

        • 《JavaScript 闖關(guān)記》

          摘要：本課程之所以叫做闖關(guān)記，是因為部分章節(jié)精心設(shè)計了挑戰(zhàn)關(guān)卡，通過提供更多的實戰(zhàn)機會，讓大家可以循序漸進地有目的地有挑戰(zhàn)地開展學(xué)習(xí)。課程結(jié)構(gòu)及目錄以下目錄只是初步構(gòu)想，課程結(jié)構(gòu)及內(nèi)容會根據(jù)實際情況隨時進行調(diào)整。 為何寫作此課程 stone 主要負責(zé)基于 Web 的企業(yè)內(nèi)部管理系統(tǒng)的開發(fā)，雖然能夠熟練地使用 JavaScript，但隨著對 JavaScript 的理解越來越深，才發(fā)現(xiàn)自己尚...

          curried 2019-08-21 10:55 評論0 收藏0

        • 《JavaScript 闖關(guān)記》之垃圾回收和內(nèi)存管理

          摘要：內(nèi)存回收此時，局部變量就沒有存在的必要了，因此可以釋放它們的內(nèi)存以供將來使用。局部變量會在它們離開執(zhí)行環(huán)境時自動被解除引用，如下面這個例子所示手工解除的引用由于局部變量在函數(shù)執(zhí)行完畢后就離開了其執(zhí)行環(huán)境，因此無需我們顯式地去為它解除引用。 JavaScript 具有自動垃圾收集機制（GC：Garbage Collecation），也就是說，執(zhí)行環(huán)境會負責(zé)管理代碼執(zhí)行過程中使用的內(nèi)存。而...

          Sleepy 2019-08-21 11:26 評論0 收藏0

        • 《JavaScript 闖關(guān)記》之初探

          摘要：使用元素嵌入代碼時，只需為指定屬性。需要注意的是，帶有屬性的元素不應(yīng)該在其和元素之間再包含額外的代碼。在包含外部文件時，必須將屬性設(shè)置為指向相應(yīng)文件的。所有元素都會按照他們在頁面中出現(xiàn)的先后順序依次被解析。關(guān)注，獲取最新動態(tài)。 當(dāng)學(xué)習(xí)一門新的編程語言的時候，應(yīng)該邊學(xué)邊做，反復(fù)演練以加深理解。因此，你需要一個 JavaScript 解釋器。幸運的是，每一個 Web 瀏覽器都包含一個 Ja...

          atinosun 2019-08-22 10:33 評論0 收藏0

        發(fā)表評論

        登陸后可評論

        0條評論