Web APIs 第一天

1. 获取页面中的标签我们最终常用那两种方式？

　　 querySelectorAll()

　　 querySelector()

2. 他们两者的区别是什么？

　　 querySelector() 只能选择一个元素， 可以直接操作

　　 querySelectorAll() 可以选择多个元素，得到的是伪数组，需要遍历得到

　　每一个元素

3. 他们两者小括号里面的参数有神马注意事项？

　　 里面写css选择器

 

 

 

1. 设置/修改DOM元素内容有哪3钟方式？

　　 document.write() 方法

　　元素.innerText 属性

　　 元素.innerHTML 属性

2. 三者的区别是什么？

　　 document.write() 方法 只能追加到body中

　　 元素.innerText 属性 只识别内容，不能解析标签

　　 元素.innerHTML 属性

能够解析标签

　　 如果还在纠结到底用谁，你可以选择innerHTML

 

<script>
    //1. 获取图片素材
    let img = document.querySelector('img');
    //2. 随机图片序号
    function getRandom(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min
    }
    let num = getRandom(1,6);
    //3. 完成src 属性赋值

    img.src = `images/${num}.webp`;
</script>


定时器, 间歇函数
开启定时器
　　setinterval(函数 , 间隔时间)

关闭定时器
　　clearInterval(变量名)

注意 : 我们通常为了确定是关闭哪一个定时器 会进行 let timer = setInterval(函数 , 间隔时间)