0
点赞
收藏
分享

微信扫一扫

DOM的使用和说明

天涯学馆 2022-04-29 阅读 79

DOM-获取DOM元素,修改属性

web API 基本认知

  • 作用和分类
    作用:就是使用JS去操作html和浏览器
    分类:DOM(文档对象模型),BOM(浏览器对象模型)
  • 什么是DOM
    (文档对象模型)是用来呈现以及与任意HTML或XML文档交互的API
    DOM作用:开发网页内容特效和实现用户交互
  • DOM树

获取DOM对象

  1. 根据CSS选择器来获取DOM元素

选择匹配单个元素(可以直接修改)
语法
在这里插入图片描述
参数:
包含一个或多个有效的css选择器字符串
返回值:
css选择器匹配的第一个元素,一个HTMLElement对象
如果没有匹配到,则返回null

选择匹配多个元素(不可以直接修改)
语法:
在这里插入图片描述
参数:
包含一个或多个有效的CSS选择器 字符串
返回值:
CSS选择器匹配的NodeList对象集合
注意
得到的是一个 伪数组
有长度有索引号的数组
没有pop() push()等数组方法
想要得到每一个数组,需要进行循环遍历

  1. 其他获取DOM元素方法
    在这里插入图片描述

设置/修改DOM元素内容
设置/修改DOM元素属性
定时器-间歇函数

举报

相关推荐

0 条评论