HTML DOM简介

HTML DOM简介

1.当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），HTML DOM模型被创建为对象的树。如下所示：

2.通过可编程的对象模型，JavaScript可以创建动态的HTML：

（1）改变页面中的所有HTML元素；

（2）改变页面中的所有HTML属性；

（3）改变页面中的所有CSS样式；

（4）对页面中的事件作出反应。

3.查找HTML元素

（1）通过id查找HTML元素

//通过HTML元素id查找元素
//找到元素id为a的HTML元素
var a = document.getElementById("a");

（2）通过标签名查找HTML元素

//通过标签名查找HTML元素
//首先查找id为a的元素
var a = document.getElementById("a");
//再找到id为a的所有元素中的p元素
var b = a.getElementByTagName("p");