流程控制和DOM操作

流程控制
顺序结构

顺序结构就是程序从上到下、从左到右一句一句的去执行。
选择结构

单向选择：
if(){}
双向选择：
if(){}else{}
多向选择：
switch(判断值){
case 验证值:语句；break;
default:
语句;
}

任何值都可以作为判断条件
当是两个值比较是，就要按条件比较两个值
如果是一个值，只有一下几种情况为假，其他情况全为真：
false 0 ‘’ undefined null NaN
循环结构

while循环：
while(条件){
n+=1;
}
do while语句: 不管条件是否是真，至少执行一次
do{
n+=1;
}while(条件);
特殊do while语句：
do{
n+=1;
}while(条件){console.log(“我只在最后执行一次”)};

break 跳出本层循环
continue 跳出本次循环
可以给嵌套循环添加名字，指定跳出某层循环
os:for(var i=0;i<10;i++){
for(var j=0;j<5;j++){
break os;
}
}
DOM操作
获取DOM元素

获取文档类型声明：document.doctype
获取html对象：document.documentElement
获取head：document.head
获取标题：document.title
获取body：document.body

document.getElementById(‘id’) 根据id获取元素
document.getElementsByClassName(‘name’) 根据class名获取元素
document.getElementsByTagName(‘name’) 根据标签名获取元素
document.getElementsByName(‘name’) 根据name获取元素

document.querySelector(‘ul>li input[type=check]’) 与css选择器用法一致，只选择第一个
document.querySelectorAll(‘ul>li input[type=check]’) 选择全部，有一个也返回集合
获取属性

div.style.fontSize 只能获取到标签的行内样式
getComputedStyle(div).fontSize 获取最终加在元素上的样式
获取元素的值有两个特殊：className(class名)、htmlFor(label标签的for属性)

整体设置样式时，可以使用div.style.cssText同时设置多个样式，使用cssText会将行内样式全部覆盖