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");