EASYDOM精品文章

• 

  【EASYDOM系列教程】索引

  《EASYDOM》系列教程是一套免費、開源，任何人都可以免費學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來源，并且不能用于商業(yè)。 本文是這套系列教程的索引（也就是目錄）: 第一回 DOM 介紹 在最開始，我們先來了解...

  yanwei 2019-08-21 11:51 評論0 收藏0
• 

  【EASYDOM系列教程】之定位頁面元素

  Element 對象提供了屬性和方法實現(xiàn)定位頁面元素功能。該對象與 Document 對象提供的屬性和方法實現(xiàn)定位頁面元素功能的區(qū)別在于，Document 對象定位的是 HTML 頁面中所有指定元素，而 Element 對象定位的是指定元素內(nèi)所有指定元...

  MartinDai 2019-08-21 12:00 評論0 收藏0
• 

  【EASYDOM系列教程】之 innerHTML 屬性

  Element 對象提供了 innerHTML 屬性用于實現(xiàn)獲取或設(shè)置 HTML 頁面指定元素的 HTML 代碼。 獲取 HTML 代碼 innerHTML 屬性表示 HTML 頁面指定元素后代的 HTML 代碼，其語法結(jié)構(gòu)如下: var content = element.innerHTML; 在上述語法結(jié)構(gòu)中，作為返回...

  劉福 2019-08-21 11:59 評論0 收藏0
• 

  【EASYDOM系列教程】之 Element 對象

  DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Element 對象，該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。 我們都知道 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Node 對象，主要是依靠 DOM 節(jié)點樹結(jié)構(gòu)訪問和更新 HTML 頁面的內(nèi)容。而 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Eleme...

  jeyhan 2019-08-21 11:55 評論0 收藏0
• 

  【EASYDOM系列教程】之 textContent 屬性

  Node 對象提供了 textContent 屬性實現(xiàn)獲取或設(shè)置 HTML 頁面中指定元素的文本內(nèi)容。 獲取文本內(nèi)容 textContent 屬性表示 HTML 頁面指定節(jié)點及其后代節(jié)點的文本內(nèi)容。其語法格式如下: var text = element.textContent; 在上述語法結(jié)構(gòu)中，返...

  neuSnail 2019-08-21 11:51 評論0 收藏0
• 

  【EASYDOM系列教程】之復(fù)制節(jié)點

  Node 對象提供了 cloneNode() 方法實現(xiàn) HTML 頁面中節(jié)點的復(fù)制功能。其語法結(jié)構(gòu)如下: var dupNode = node.cloneNode(deep); 在上述語法結(jié)構(gòu)中，調(diào)用 cloneNode() 方法的 node 表示被克隆的節(jié)點，返回值 dupNode 表示克隆后的新節(jié)點。 參數(shù) deep 則...

  Panda 2019-08-21 11:50 評論0 收藏0
• 

  【EASYDOM系列教程】之定位頁面元素

  Document 對象提供了屬性和方法實現(xiàn)定位頁面元素功能，這也是 DOM 的標(biāo)準(zhǔn)規(guī)范中 Document 對象的主要應(yīng)用之一。 定位頁面元素方法 目前 Document 對象提供實現(xiàn)定位頁面元素的方法具有如下幾種: getElementById()方法：通過頁面元素...

  NotFound 2019-08-20 18:04 評論0 收藏0
• 

  【EASYDOM系列教程】之替換節(jié)點

  Node 對象提供了 replaceChild() 方法實現(xiàn) HTML 頁面中節(jié)點的替換功能。其語法結(jié)構(gòu)如下: replacedNode = parentNode.replaceChild(newChild, oldChild); 在上述語法結(jié)構(gòu)中，調(diào)用 replaceChild() 方法的 parentNode 表示被替換節(jié)點 oldChild 的父級節(jié)點。 參數(shù)...

  陳江龍 2019-08-20 18:34 評論0 收藏0
• 

  【EASYDOM系列教程】之刪除節(jié)點

  Node 對象提供了 removeChild() 方法實現(xiàn)從 HTML 頁面中刪除指定節(jié)點。其語法結(jié)構(gòu)如下: var oldChild = node.removeChild(child); OR element.removeChild(child); 在上述語法結(jié)構(gòu)中，調(diào)用 removeChild() 方法的 node 表示 child 參數(shù)的父節(jié)點，而 child 參數(shù)則...

  zzbo 2019-08-20 18:23 評論0 收藏0
• 

  【EASYDOM系列教程】之Node介紹

  DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Node 對象，該對象主要提供了用于解析 DOM 節(jié)點樹結(jié)構(gòu)的屬性和方法。 Node 對象的作用 DOM 樹結(jié)構(gòu)主要是依靠節(jié)點進(jìn)行解析，稱為 DOM 節(jié)點樹結(jié)構(gòu)。Node 對象是解析 DOM 節(jié)點樹結(jié)構(gòu)的主要入口。 Node 對象提...

  oliverhuang 2019-08-20 18:16 評論0 收藏0
• 

  【EASYDOM系列教程】之 DOM 元素樹

  DOM 元素樹結(jié)構(gòu)與 DOM 節(jié)點樹結(jié)構(gòu)很相似，區(qū)別僅在于是利用節(jié)點解析 HTML 元素，還是利用元素解析 HTML 元素。 DOM 樹結(jié)構(gòu) 還記得下面這張圖嗎? 上圖中的 HTML 頁面源代碼如下: 示例頁面 這是一個示例頁面 這是一個...

  stormzhang 2019-08-21 12:00 評論0 收藏0
• 

  【EASYDOM系列教程】之獲取內(nèi)聯(lián)樣式

  回顧什么是內(nèi)聯(lián)樣式 所謂內(nèi)聯(lián)樣式，就是通過 HTML 頁面元素的 style 屬性為當(dāng)前元素定義 CSS 樣式。 以下代碼示例，就是通過 style 屬性定義 CSS 內(nèi)聯(lián)樣式: 這是一個段落內(nèi)容. 值得注意的是: HTML 頁面的結(jié)構(gòu)與樣式并沒有有效...

  xiaodao 2019-08-22 11:05 評論0 收藏0
• 

  【EASYDOM系列教程】之創(chuàng)建頁面元素

  Document 對象提供了可以創(chuàng)建元素節(jié)點、屬性節(jié)點和文本節(jié)點的方法，方便 DOM 更新 HTML 頁面中的元素。 創(chuàng)建元素節(jié)點 Document 對象提供了 createElement() 方法創(chuàng)建元素節(jié)點，其語法格式如下: element = document.createElement(tagName); 上述...

  nifhlheimr 2019-08-20 18:04 評論0 收藏0
• 

  【EASYDOM系列教程】之判斷節(jié)點類型

  Node 對象中提供了 nodeName、nodeType 和 nodeValue 分別可以用于獲取指定節(jié)點的節(jié)點名稱、節(jié)點類型和節(jié)點的值。 DOM 節(jié)點樹結(jié)構(gòu)中，我們實際開發(fā)最常見的節(jié)點有: 節(jié)點名稱 含義 元素節(jié)點 表示 HTML 頁面中的標(biāo)簽（即 HTML 頁面...

  CocoaChina 2019-08-20 18:17 評論0 收藏0
• 

  【EASYDOM系列教程】之屬性操作

  Element 對象提供了一些方法實現(xiàn) HTML 元素的屬性操作，這種操作要比 Node 對象提供的方法操作屬性節(jié)點要更便捷。 獲取指定元素的屬性 Element 對象提供了 getAttribute() 方法用于獲取指定元素的屬性值，其語法結(jié)構(gòu)如下: var attribu...

  BigNerdCoding 2019-08-21 11:59 評論0 收藏0