DOM
文档对象模型；
结
元素节点：DOM的原子是一个元素节点。像这样的元素。元素可以包含其他元素。其他元素中不包含的元素是元素。
文本节点：在XHTML文档中，文本节点总是包含在元素节点中。
属性节点：属性节点用于对元素进行更具体的描述。例如，几乎每个元素都有title属性，我们可以使用这个属性精确地描述元素中包含的内容：
别忘了买这东西。
在DOM中，温和提示是一个属性节点。
CSS
采集单元
包括，相对应的，getelementsbyclassname是获取元素节点的三种方式。
getElementsByTagName允许通配符是它的参数，这意味着在文档中的每一个元素将占据这个函数返回的数组的一个地方。通配符（*）必须用引号，这是不同于乘法运算。
它也可以被用于包括与相对应的结合。如下图所示：
复制代码代码如下所示：
VaR购物= document.getelementbyid（购买）；
可变项目= shopping.getelementsbytagname（*）；
这允许您获得id属性值的元素是购买的元素的数量。
该方法是getelementsbyclassname只有通过新的浏览器支持。为了弥补，DOM脚本程序员需要使用现有的DOM方法来实现自己的getelementsbyclassname。在大多数情况下，它们的实现大致类似于下面的getelementsbyclassname：
复制代码代码如下所示：
功能getelementsbyclassname（节点，className）{
如果（节点。getelementsbyclassname）{
返回node.getelementsbyclassname（类名）；
其他{ }
新数组（）；
VaR elems = node.getelementsbytagname（*）；
对于（var i = 0；i < elems.length；i++）{
如果（elems {我}。classname.indexof（类名）！= 1）{
结果{结果。长度} = elems {我}；
}
}
返回结果；
}
}
这getelementsbyclassname函数接受两个参数，第一个节点是在DOM树的起点，第二名是搜索类的名字。
获取和设置属性
获得属性的值是一个函数，它只有一个参数，你想查询的属性的名称：
复制代码代码如下所示：
object.getattribute（属性）
setAttribute（）允许我们改变的属性节点的值。通过将修改的文件，在查看源代码通过浏览器（查看源代码）看选项查看文件源代码仍将属性值改变之前，也就是说，将改变不反映在文档本身的源代码。这种现象是DOM的工作方式完全不同：静态内容加载的文件，然后动态刷新，刷新动态静态内容不影响文件。这是DOM的真正力量：刷新网页的内容，而不需要在浏览器刷新页面。