【博学谷学习记录】超强总结,用心分享丨API相关知识点

18 篇文章 0 订阅
10 篇文章 0 订阅

Const 相关知识点:

1、变量声明有三个 var let 和 const,优先使用const,建议有了变量先给const,如果发现它后面是要被修改的,再改为let

2、const 声明的值不能更改,而且const声明变量的时候需要里面进行初始化

3、但是对于引用数据类型,const声明的变量,里面存的不是 值,是 地址。

Web Api相关知识点:

1、Web Api的作用: 就是使用 JS 去操作 html 和浏览器,例如让图片放大缩小、让盒子滚动...

2、Web Api分类: DOM (文档对象模型)、 BOM (浏览器对象模型)
3、 DOM(文档对象模型)主要是来操作网页标签的,可以开发网页特效,实现和用户的交互。例如:按按钮,开始、停止;鼠标滚轮滑动上下页。
4、整个文档页面属于DOM,其中document是它最大的对象,document里包含了很多标签,其中最大的标签是<html></html>
5、API通过JS的方式来操控标签,第一步先拿过来标签
6、Dom对象:浏览器根据html标签生成的JS对象
所有的标签属性都可以在这个对象上面找到;修改这个对象的属性会自动映射到标签身上。
7.console.dir()........专门打印对象的
8、元素在html里叫标签,在DOM里叫对象。
9、 DOM的核心思想:
把网页内容当做 对象 来处理
10、最大的对象是document,其次是html
11、document.write()里的document是对象
12、根据CSS选择器来获取DOM对象:
语法:document.querySelector('css选择器')
参数:
包含一个或多个有效的CSS选择器 字符串
返回值:
CSS选择器匹配的 第一个元素 ,一个 HTMLElement对象。
如果没有匹配到,则返回null。
例:获取ul中的一个li
const li = document.querySelector('ul li: first-child ')
获取ul中所有的li,获得的是nodelist对象合集
const lis = document.querySelector All ('ul li ')

13、用querySelector获取的元素可以直接操作, 比如

ul.li.color = 'red'

但获取了多个元素却不可以直接操作,不能直接修改它的样式

14、用document.querySelectorAll()得到的是伪数组

15、元素.innerText = '  ' 修改标签文字内容,不解析标签,修改的是纯文本
16、元素.innerHtml = '  '和上面的区别是解析标签,可以修改纯文本、文本粗细、颜色

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值