web api 第一天

89 阅读1分钟

一.获取元素

1.let 元素对象 = document.querySelector('选择器')
   1.只能获取满足条件的第一个元素
   2.如果能够获取到则返回当前元素对象,这个对象可以直接进行dom对象,如果没有获取成功则返回null
2.querySelectorAll:可以获取满足条件的所有元素,返回一个伪数组
    1.这种伪数组不能做为dom元素直接操作
    2.伪数组中的每一个成员都是dom元素
    3.所有伪数组一般需要先遍历再使用
    4.如果获取失败,返回一个空的伪数组

二.标签之间内容修改

1.innerText:在获取标签之间的内容时,只能获取到文本内容,过滤掉标签结构
2.innerHTML:在获取标签之间内容的时候,可以获取到完整的html结构

三.添加元素样式

1.元素.style.样式属性 = '样式值 ': 如果样式多书写不方便,如果有其他元素需要一样的样式则无法调用,这样会照成代码冗余
2.语法:元素.className = '类名':如果添加这个元素里面已经有类样式它会覆盖已有的类样式,如需要使用一定要确认这个元素的类样式只有单独一个
3.语法:元素.classList.add/remove/toggle/contains('样式类名')

image.png

四.定时器

1.setInterval(需要执行的函数,间隔时间):可以每间隔指定的时间重复执行指定的函数
  特点:定时器的函数不会立刻执行,而是间隔时间之后再执行第一次,时间以豪秒做为单位
  let 标识timeId = setInterval(function() {
     console.log('还早')
   }, 50002.关闭定时器clearInterval(标识timeId)