一. while循环

原生JS三(循环)
显示效果:
原生JS三(循环)

二. for循环

代码:
原生JS三(循环)
显示效果:
原生JS三(循环)

三. do while循环

该循环,不管是否满足条件都会进行循环体一次,whilefor不会

代码:
原生JS三(循环)
显示效果:
原生JS三(循环)

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:会修改开始标签到结束标签之间的所有内容(会覆盖子元素)
代码:
原生JS三(循环)
显示效果:
原生JS三(循环)
2.innerText:只会修改文本内容

通过js来修改HTML的样式

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

代码:
原生JS三(循环)
显示效果:
原生JS三(循环)

相关文章: