HTML DOM - 文档对象模型

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

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

    JavaScript 能够改变页面中的所有HTML 元素

    JavaScript 能够改变页面中的所有HTML属性

    JavaScript 能够改变页面中的所有CSS样式

    JavaScript 能够对页面中的所有事件作出反应

 

2. 查找HTML元素，有三种方法：

    a. 通过id找到HTML元素               getElementById

    b. 通过标签名找到HTML元素         getElementsByTagName

    c. 通过类名找到HTML元素   在IE5,6,7,8中无效  不推荐

 

3. 改变HTML内容   innerHTML

    改变HTML属性   document.getElementById(id).attribute=new value

   改变HTML元素的样式 document.getElementById(id).style.property=new value

    
第一段落
    
第二段落
    
     
      第三段落
     
    
     
      第四段落
     
    "    点击这里