摘要:能夠改變頁面中的所有元素能夠改變頁面中的所有屬性能夠改變頁面中的所有樣式能夠?qū)撁嬷械乃惺录龀龇磻?yīng)操作元素,有三種方法通過找到元素通過標簽名找到元素通過類名找到元素允許改變元素的內(nèi)容。在中,可用于直接向輸出流寫內(nèi)容。
DOM樹
網(wǎng)頁被加載時,瀏覽器會創(chuàng)建頁面的文檔對象模型(Document Object Model)
通過可編程的對象模型,JavaScript 獲得了足夠的能力來創(chuàng)建動態(tài)的 HTML。
JavaScript 能夠改變頁面中的所有 HTML 元素
JavaScript 能夠改變頁面中的所有 HTML 屬性
JavaScript 能夠改變頁面中的所有 CSS 樣式
JavaScript 能夠?qū)撁嬷械乃惺录龀龇磻?yīng)
操作HTML元素,有三種方法:
通過 id 找到 HTML 元素 //getElementById("intro")
通過標簽名找到 HTML 元素 //getElementsByTagName("p")
通過類名找到 HTML 元素
HTML DOM 允許 JavaScript 改變 HTML 元素的內(nèi)容。
在 JavaScript 中,document.write() 可用于直接向 HTML 輸出流寫內(nèi)容。
修改 HTML 內(nèi)容的最簡單的方法時使用 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";
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/101962.html
閱讀 2520·2021-11-19 09:40
閱讀 3658·2021-11-17 17:08
閱讀 3921·2021-09-10 10:50
閱讀 2282·2019-08-27 10:56
閱讀 1992·2019-08-27 10:55
閱讀 2688·2019-08-26 12:14
閱讀 1039·2019-08-26 11:58
閱讀 1535·2019-08-26 10:43