DOM模型

HTML DOM 树

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

• JavaScript 能够改变页面中的所有 HTML 元素
• JavaScript 能够改变页面中的所有 HTML 属性
• JavaScript 能够改变页面中的所有 CSS 样式
• JavaScript 能够对页面中的所有事件做出反应

查找 HTML 元素

通过 id class 标签找到对应的html元素

id

document.getElementById("intro")

class

document.getElementsByClassName("intro");

标签

getElementsByTagName("p");

注意

这里一定要注意，这里获得的不是一个元素而是一个元素的集合，所以要对其进行操作应该按集合的方式操作，如a[0]