JavaScript HTML DOM

william 發(fā)布于2019-08-02 14:17 / 1905人閱讀

摘要：能夠改變頁(yè)面中的所有元素能夠改變頁(yè)面中的所有屬性能夠改變頁(yè)面中的所有樣式能夠?qū)?yè)面中的所有事件做出反應(yīng)操作元素，有三種方法通過(guò)找到元素通過(guò)標(biāo)簽名找到元素通過(guò)類名找到元素允許改變?cè)氐膬?nèi)容。在中，可用于直接向輸出流寫內(nèi)容。

DOM樹
網(wǎng)頁(yè)被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型（Document Object Model）

通過(guò)可編程的對(duì)象模型，JavaScript 獲得了足夠的能力來(lái)創(chuàng)建動(dòng)態(tài)的 HTML。
JavaScript 能夠改變頁(yè)面中的所有 HTML 元素
JavaScript 能夠改變頁(yè)面中的所有 HTML 屬性
JavaScript 能夠改變頁(yè)面中的所有 CSS 樣式
JavaScript 能夠?qū)?yè)面中的所有事件做出反應(yīng)
操作HTML元素，有三種方法：
通過(guò) id 找到 HTML 元素 //getElementById("intro")
通過(guò)標(biāo)簽名找到 HTML 元素 //getElementsByTagName("p")
通過(guò)類名找到 HTML 元素
HTML DOM 允許 JavaScript 改變 HTML 元素的內(nèi)容。
在 JavaScript 中，document.write() 可用于直接向 HTML 輸出流寫內(nèi)容。
修改 HTML 內(nèi)容的最簡(jiǎn)單的方法時(shí)使用 innerHTML 屬性。
document.getElementById(id).innerHTML=new HTML;
改變 HTML 屬性
// document.getElementById("image").src="landscape.jpg";
操作方法.需要更改的屬性=new value;
改變 HTML 樣式
document.getElementById(id).style.property=new style
// document.getElementById("p2").style.color="blue";

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/53706.html

相關(guān)文章

簡(jiǎn)單聊聊DOM

摘要：討論在如何去使用元素用于在頁(yè)面中嵌入或引入腳本代碼，該元素默認(rèn)被定義在元素中頁(yè)面內(nèi)容該屬性定義規(guī)定的文本類型，可以為類型也可以為類型等其他類型和屬性類似，這個(gè)屬性定義腳本使用的語(yǔ)言，該屬性不是標(biāo)準(zhǔn)規(guī)范定義引用外部腳本的內(nèi)嵌代碼與內(nèi) 討論在HTML如何去使用JavaScript 元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼，該元素默認(rèn)被定義在元素中 HTML頁(yè)面內(nèi)容： ...

MASAILA 2019-08-23 11:35 評(píng)論0 收藏0
初識(shí)DOM

摘要：標(biāo)識(shí)，就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí)，就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的，所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值，表示定位元素的集合，是一個(gè)集合。如何使用JavaScript script元素元素元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

史占廣 2019-08-29 16:31 評(píng)論0 收藏0
初識(shí)DOM

摘要：標(biāo)識(shí)，就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí)，就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的，所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值，表示定位元素的集合，是一個(gè)集合。如何使用JavaScript script元素元素元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

qpal 2019-08-02 16:31 評(píng)論0 收藏0
初識(shí)DOM

摘要：標(biāo)識(shí)，就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí)，就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的，所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值，表示定位元素的集合，是一個(gè)集合。如何使用JavaScript script元素元素元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

Coding01 2019-08-23 11:31 評(píng)論0 收藏0
原生JS操作DOM

摘要：能夠改變頁(yè)面中的所有元素能夠改變頁(yè)面中的所有屬性能夠改變頁(yè)面中的所有樣式能夠?qū)?yè)面中的所有事件做出反應(yīng)我們需要通過(guò)操作元素，查找這些元素有三種方法通過(guò)查找通過(guò)標(biāo)簽名查找通過(guò)類名查找允許改變?cè)氐膬?nèi)容。，如使有能力對(duì)事件做出反應(yīng)。通過(guò)html dom可以訪問(wèn)javascript html文檔的所有元素。當(dāng)網(wǎng)頁(yè)被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型（Document Object Mo...

anRui 2019-08-20 14:49 評(píng)論0 收藏0
原生JS操作DOM

摘要：能夠改變頁(yè)面中的所有元素能夠改變頁(yè)面中的所有屬性能夠改變頁(yè)面中的所有樣式能夠?qū)?yè)面中的所有事件做出反應(yīng)我們需要通過(guò)操作元素，查找這些元素有三種方法通過(guò)查找通過(guò)標(biāo)簽名查找通過(guò)類名查找允許改變?cè)氐膬?nèi)容。，如使有能力對(duì)事件做出反應(yīng)。通過(guò)html dom可以訪問(wèn)javascript html文檔的所有元素。當(dāng)網(wǎng)頁(yè)被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型（Document Object Mo...

ISherry 2019-08-01 16:26 評(píng)論0 收藏0