document

1，基本效果

alert(str) 警告框

let flag=confirm('是否删除?') 确认框

 close() 页面的关闭

open（。。。。。。。。。。。） 跳转新页面

2，document对象

通过id获取元素，获取的是单个元素

        document.getElementById('aaa').style.backgroundColor='blue'

        // 通过class获取元素,获取到的是一个维数组

        document.getElementsByClassName('bbb')[0].style.color='red'

        // 通过标签名获取元素，获取到的是一个维数组

        // document.getElementsByTagName('li')[0].style.color='green'

        let lis=document.getElementsByTagName('li')

        for(let i=0;i<lis.length;i++){

            document.getElementsByTagName('li')[i].style.color='green'

        }

        // 根据选择器进行获取,只获取第一个

        document.querySelector('li').style.backgroundColor='yellow'

        // 获取所有，维数组

        let li2=document.querySelectorAll('li')

        for(let i=0;i<li2.length;i++){

            document.getElementsByTagName('li')[i].style.fontSize='30px'

        }

        // 写入文本

        document.write('<h2>hellow word!</h2>')