html dom HTML DOM 教程

html dom

HTML DOM（文档对象模型）是一种用于表示 HTML 文档的标准对象模型。它定义了 HTML 文档的结构，以及如何与 HTML 文档进行交互。

HTML DOM 将 HTML 文档视为一个树形结构，其中包含文本、属性、元素和其他对象。它使用 JavaScript 对象来表示 HTML 元素，并使用 JavaScript 对象方法来处理 HTML 元素。

// 例子：使用 JavaScript 访问文档中的元素
var myElement = document.getElementById("myElement");  // 获取 id 为 "myElement" 的元素
myElement.innerHTML = "Hello World!";                  // 修改该元素的内容

HTML DOM 还定义了一些事件处理函数，可以在特定时间内执行特定的代码。例如，当鼠标单击时可以执行代码，或者当键盘上的键被释放时可以执行代码。

// 例子：在键盘上释放键时执行代码 
document.onkeyup = function(){   // 当键盘上的键被释放时执行函数  
    alert("You pressed a key!"); // 提示信息  
}   

HTML DOM 还包含一些常用的功能，如创建新元素、创建新文本节点、创建新属性、创建新注释、创建新 CSS 类、修改 CSS 样式、修改 HTML 元素内容、修改 HTML 元素位置、创建动画效果以及处理 XMLHttpRequest 等功能。

HTML DOM 教程