The DOM: What's the Document Object Model?


DOM 是浏览器的内部,网页的程序化称呼。JavaScript 允许你修改网页的 DOM 结构,因而你就无需编辑网站页面的 HTML。

从技术上讲,DOM 是一种 API(应用编程接口)。有许多类型的 API,但是 DOM 这种特定的 API 是与 XML 和 HTML 文档进行交互的。这是负责如何将这些文件被访问和操纵。

真的,使用 DOM 你可以做很多事情,如果你已经在用 JS 和 jQuery 编写脚本,你已经在做了。

你可以插入新的东西,元素或者为已经存在的元素改变样式或内容。

这可以用原生的 JavaScript 中的 document.getElementById(id),element.getElementsByTagName(name),或使用 document.createElement(name)来对 DOM 进行操作。

你也可以使用 JS 库如 jQuery 来简化的,标准化和自动化的操纵 DOM,就像这样:$('#box2').append('This will be added to box2!')