HTML DOM简介

时间:2023-03-09 17:17:10
HTML DOM简介

HTML DOM简介

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

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