前端三元素
HTML：通过各种html元素搭建页面结构。
CSS：负责页面样式：形状，大小，颜色，动画等。
JavaScript：控制页面行为：部分动画效果、页面与用户的交互、页面功能。
JavaScript主要有三大概念：
ECMAScript标准:JS的基本的语法.
DOM:文档对象建模，DOM提供一种操作HTML标签的API,每个页面视为一个文档，每个标签视为一个元素，标签下有标签，即元素下有元素，文档及文档中的所有的元素(标签)组成的一个树形结构图,叫树状图(DOM树)，由于万物皆为对象，隐藏文档即为对象，标签也为对象，JavaScript可以操作对象，进行页面的增删查改等。
BOM:浏览器对象模型，提供了与浏览器窗口进行交互的API。
>document.cookie //获取cookie >document.querySelectorAll(".class") //接受一个 CSS 选择器作为参数返回匹配该选择器的元素节点，以list的格式返回所有的节点， >document.querySelector("#class") //受一个 CSS 选择器作为参数返回匹配该选择器的元素节点，返回第一个节点。 >document.getElementsByTagName("TAG_NAME") //搜索 HTML 标签名，返回符合条件的元素。 >document.getElementsByClassName("CLASS_NAME") //搜索所有class名字符合指定条件的元素并返回元素 >document.getElementsByName("NAME") //用于选择拥有name属性一致的 HTML 元素 >document.getElementById("ID") //用于选择拥有ID属性一致的 HTML 元素\
原文：https://www.cnblogs.com/hel7512/p/12356043.html