原生JS三（循环）

一. while循环

显示效果：

二. for循环

代码：

显示效果：

三. do while循环

该循环，不管是否满足条件都会进行循环体一次，while和for不会

代码：

显示效果：

break和continue

相同点：都可以改变循环执行的状态，都不能单独使用,之后的代码都不再执行

不同点：1.break在分支语句中，用于结束整个分支语句，continue则不是
    2.在循环中，break是结束当前整个循环，继续执行下一个功能
    continue则是结束本轮循环，继续执行下一轮循环

document.write()

作用：输出到页面
用于控制台无法很好的显示时的测试
会覆盖当前页面的所有内容

获取元素

1.通过标签名获取
  document.getElementsByTagName(标签名)[0]；
2.通过class类名
  document.getElementsByClassName(class类名)[0]；
3.通过id名
  document.getElementById(id名);
4.通过name属性
  document.getElementsByName()[0];
1、2、4方法可获取到多个元素，但是你只想获取第一个时，需要在末尾加上[0]

设置HTML中的文字

1.innerHTML:会修改开始标签到结束标签之间的所有内容（会覆盖子元素）
代码：

显示效果：

2.innerText:只会修改文本内容

通过js来修改HTML的样式

可修改宽，高，颜色等属性

代码：

显示效果：