2、组成：
1）DOM：操作页面元素；（document顶级对象）
2）BOM：操作浏览器。
1）优点：灵活， 所有CSS选择器都可以使用；
2）获取单个元素：document.querySelector('选择器')，选择器不存在的话，获取结果为null，结果可以直接使用；
3）获取多个同一类元素：document.querySelectorAll('选择器')，拿到的结果: NodeList伪数组，通过遍历数组获取对应元素。
PS：伪数组：存在着length属性，可以通过数组下标的方式进行每个元素的访问，但是不能够使用push等数组的方法。
1）getElementById('id值')： 获取单个元素；
2）getElementsByTagName('标签名')：获取多个同一类元素；（伪数组）
3）getElementsByClassName('类名'): 获取多个同一类元素。（伪数组）
1）a的href，img的src、alt、title等；
2）属性: 可以访问, 也可以修改
3）语法: 元素.属性名 = 属性值
1）innerText：针对文本: 不识别标签；
2）innerHTML：针对所有: 包括标签；（常用，innerHTML可实现innerText功能）
1）行内样式：
适用于: 单行样式修改；
语法：元素.style.样式名 = 样式值；
操作的只能是行内的样式；
操作的结果要带单位；
一定是小驼峰, 没有中划线；
2）类名操作：
语法：元素.classList；
元素.classList.add('类名') : 追加类；
元素.classList.remove('类名') : 移除类；
元素.classList.toggle('类名') : 切换类。
1）type: input标签的password和text；
2）value: 所有表单属性；
获取值: 元素.value；
修改值: 元素.value = 新值；
3）checked: 选中；
true: 选中；
false: 不选中；
4）disabled: 禁用；
true: 禁用；
false: 不禁用。
引用jquery，有很方便的GET调用方法：
<!DOCTYPE html><html>
<head>
<meta http-equiv="content-type" content="text/html charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- src值为文件位置路径 -->
<script type="text/javascript" charset="UTF-8" src="javascript/jquery-1.12.1.js"></script>
<title>测试案例</title>
<!-- 语法：jQuery.getJSON(url,data,success(data,status,xhr)) -->
<script type="text/javascript" charset="UTF-8">
function getToken(){
$.getJSON("http://localhost/kdapi/api/access_token", {"id":111,"secret":2352532}, function(result){
alert(result.access_token)
})
}
</script>
</head>
<body>
<button onclick="getToken()" style="width: 120px height: 60px">获取Token</button>
</body>
</html>
