JavaScript DOM 操作（一）

DOM： Document Object Model（文本对象模型），DOM 是针对xml（html的基于树的API）

DOM 树节点：主节点、子节点、父节点

元素节点、属性节点、文本节点

1、那对于HTML来讲，可以在哪个位置来添加JS呢

1.1、直接在HTML页面中书写代码

缺点：
JS和HTML进行了耦合，不利于代码的维护

如果click 响应函数是比较复杂的，则需要先定义一个函数，然后在onclick 属性中完成对函数的引用，比较麻烦

1.2、JS 代码添加到body内，如果添加到body内，此时html文档树还没有加载完成，获取不到指定的节点

1.3、JS代码写在整个HTML文档的最后面，但这个不符合习惯

1.4、通常是在body 节点之前写JS 代码，但需要通过windw.onload 事件，该事件在当前文档完全加载之后被触发

举例：通过JS来实现，点击页面按钮，弹出一个框，具体代码如下：

效果图如下：

2、如何获取元素节点

getElementsByTagName：根据标签名来获取

getElementsByName：根据name来获取

getElementById：根据节点的ID 获取

getAttribute： 获取节点的属性

firstChild ： 获取第一个子节点

lastChile： 获取最后一个子节点