通过HTML DOM,可访问JavaScript HTML文档的所有元素。
一、HTML DOM(文档对象模型)
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
HTML DOM 模型被构造为对象的树。
HTML DOM 树
通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的HTML
(1)JavaScript 能够改变页面中的所有 HTML 元素。
(2)JavaScript 能够改变页面中的所有 HTML 属性。
(3)JavaScript 能够改变页面中的所有 CSS 样式。
(4)JavaScript 能够改变页面中的所有事件做出反应。
二、JS查找HTML元素
有三种方法来实现:
(1)通过id找到HTML元素
document.getElementById('id')
(2)通过标签名找到HTML元素
本例查找id="main"的元素,然后查找"main"中的所有<p>元素
var x = document.getElementById('main');
var y = x.getElementsByTagName('p');
(3)通过类名找到HTML元素
document.getElementByClassName("class")