摘要:能夠改變頁面中的所有元素能夠改變頁面中的所有屬性能夠改變頁面中的所有樣式能夠對頁面中的所有事件做出反應操作元素,有三種方法通過找到元素通過標簽名找到元素通過類名找到元素允許改變元素的內容。在中,可用于直接向輸出流寫內容。
DOM樹
網頁被加載時,瀏覽器會創建頁面的文檔對象模型(Document Object Model)
通過可編程的對象模型,JavaScript 獲得了足夠的能力來創建動態的 HTML。
JavaScript 能夠改變頁面中的所有 HTML 元素
JavaScript 能夠改變頁面中的所有 HTML 屬性
JavaScript 能夠改變頁面中的所有 CSS 樣式
JavaScript 能夠對頁面中的所有事件做出反應
操作HTML元素,有三種方法:
通過 id 找到 HTML 元素 //getElementById("intro")
通過標簽名找到 HTML 元素 //getElementsByTagName("p")
通過類名找到 HTML 元素
HTML DOM 允許 JavaScript 改變 HTML 元素的內容。
在 JavaScript 中,document.write() 可用于直接向 HTML 輸出流寫內容。
修改 HTML 內容的最簡單的方法時使用 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";
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53706.html
閱讀 2155·2021-10-08 10:15
閱讀 1185·2019-08-30 15:52
閱讀 514·2019-08-30 12:54
閱讀 1531·2019-08-29 15:10
閱讀 2682·2019-08-29 12:44
閱讀 3008·2019-08-29 12:28
閱讀 3348·2019-08-27 10:57
閱讀 2212·2019-08-26 12:24