1.获取元素
document.getElementById("")；//区分大小写
document.getElementByClass("")；
document.querySelector("")；//元素选择器,ie8以下不可使用
document.querySelector("").querySelector("");//可以指定父级进行选择
document.querySelector("wrap .btn")；//可以指定父级进行选择
2.点击事件
document.getElementById("btn").onclick=function(){
}
3.修改元素的样式
document.getElementById("btn").style.color ="red";
4.页面加载完成
window.onload = function(){
}
5.变量
变量用于储存数据。在使用变量之前需要创建变量。
1.使用关键字声明变量，var、let、const；多变量同时声明用逗号隔开。
var a = '';//声明变量并赋值， a是变量名
var a,b,c；//多变量同时声明
如果只声明，不赋值，默认值为undefined。
2.变量可以精简代码,增强可读性，并且可以复用。
3.变量命名规则
- 不允许数字开头
- 不允许使用关键字和保留字，例如：null,undefined，true,false
- 允许字母，数字，下划线，美元符号任意组合 4.变量的命名风格
具有语义化，一看就知道什么变量代表什么
驼峰命名，大驼峰：JavaScript;小驼峰:javaScript
6.函数
函数就是可重复使用的代码块，在使用之前需要先创建函数
1、函数声明
使用function声明，分为普通函数，匿名函数，
//普通函数，创建后需要调用才会执行
function fn(){
}
fn();//调用函数
//匿名函数不可以直接创建
document.getElementById("btn").onclick=function(){
}
7.属性操作
(1)js属性操作方法
元素.属性
元素['属性']
(2)js获取属性值和修改属性
console.log(ele.style.color);//获取属性 ele.style.color = 'red';//修改属性
常用属性：id、class、value、style、innerHtml、href、src、tagName。
- 获取href和src值得到的是绝对路径
- style是行间属性
- cssText会替换当前style的所有属性
- class是关键字，获取的时候改成className
- tagName获取到的是大写字母
(3)加号的作用
数学运算：做数字相加运算，加号左右必须都是数字
字符串拼接：将加号左右两边的内容拼接，
字符串有一对双引号或者单引号包起来的零个或多个字符组成的。用typeof检测
