DOM基础

什么是DOM：

DOM是文档对象模型。赋予JS操作节点的能力。当网页被加载时，浏览器会创建页面的文档对象模型。
HTML DOM模型被构造为对象的数、

查找 HTML 元素

通过JavaScript找到需要操作HTML元素。找到指定元素有多种方法

1. 通过id找到HTML元素

   var x=document.getElementById("intro");

2. 通过表签名找到HTML元素

   var x=document.getElementById("main");
   var y=x.getElementsByTagName("p");

3. 通过类名找到HTML元素

   var oNn=document.getElementsByClassName('btn1');

备注：通过类名获取元素在IE6-8不兼容

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

• JavaScript 能够改变页面中的所有 HTML 元素
• JavaScript 能够改变页面中的所有 HTML 属性
• JavaScript 能够改变页面中的所有 CSS 样式
• JavaScript 能够对页面中的所有事件做出反应