API-Web API基本认知

学习目标:

  • 掌握Web API基本认知

学习内容:

  1. 作用和分类
  2. 什么是DOM
  3. DOM树
  4. DOM对象

作用和分类:

  • 作用:就是使用JS去操作html浏览器
  • 分类:DOM(文档对象模型)、BOM(浏览器对象模型)

什么是DOM:

  • DOM是用来呈现以及与任意HTMLXML文档交互的API
  • 简单来说,DOM是浏览器提供的一套专门用来操作网页内容的功能。
  • DOM作用:开发网页内容特效和实现用户交互。

DOM树:

  • HTML文档以树状结构直观的表现出来,我们称之为文档树DOM树
  • 描述网页内容关系的名词。
  • 作用:文档树直观的体现了标签与标签之间的关系
    在这里插入图片描述

DOM对象:

  • DOM对象:浏览器根据html标签生成的JS对象
  1. 所有的标签属性都可以在这个对象上面找到。
  2. 修改这个对象的属性会自动映射到标签身上。
  • DOM的核心思想
    把网页内容当作对象来处理。

  • document对象

  1. DOM里提供的一个对象
  2. 所以它提供的属性和方法都是用来访问和操作网页内容的
document.write()
  1. 网页所有内容都在document里面。
 <title>dom对象</title>
</head>

<body>
  <div>123</div>
  <script>
    const div = document.querySelector('div')
    //打印对象
    console.dir(div)  //dom对象

  </script>

</body>
  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值