Math
数学函数“它是一个标准特殊对象”(不可调用的对象)
因为Math对象中包含了很多操作“数字/几何/数学”的方法
常用
- Math.abs(value):获取绝对值
- Math.ceil(value):向上取整
- Math.floor(value):向下取整
- Math.round(value):四舍五入
- Math.random():获取随机数[0,1)
- 探索:获取n~m之间的随机整数n,m 前提:n<m
- 公式:Math.round(Math.random()*(m-n) n)
- Math.max(val1,val2,...):获取一堆值中的最大值
- Math.min(val1,val2,...):获取一堆值中的最小值
- Math.pow(n,m):获取n的m次方
- Math.sqrt(n):返回n的平方根
new Date()
获取当前客户端本地的日期,结果是一个日期对象“标准的日期格式对象”
- 仅供参考,因为客户端时间可以随便更改,不能拿他做重要的业务判断
- new Date(时间字符串)) :把一个时间字符串,变为标准的日期对象
- yyyy/mm/ddd hh:mm:ss
- yyyy/mm/dd
- ...
DOM:documnet object model 文档对象模型
DOMTree
节点:
一个文档中包含的所有内容都是节点 node
NodeList 节点集合
getElementsByName
querySelectorAll
...
元素节点 “HTML标签”
- nodeType:1
- nodeName:大写的标签名
- nodeValue:null
文本节点 “文本内容/空格/换行”
- nodeType:3
- nodeName:'#text'
- nodeValue:文本内容
注释节点 “注释内容”
- nodeType:8
- nodeName:'#comment'
- nodeValue:注释内容
文档节点 “document”
- nodeType:9
- nodeName:'#document'
- nodeValue:null
......
描述和获取节点之间关系的属性,已知一个节点,我们基于这些属性可以获取到任何一个跟其相关的节点
- childNodes 获取所有的子节点(包含各种类型)集合NodeList
- children 获取所有的元素子节点 集合HTMLCollection
- firstChild 获取其所有子节点中的第一个(大儿子)
- firstElementChild 获取其所有元素子节点中的第一个(大儿子)
- lastChild 获取其所有子节点中的最后一个(小儿子)
- lastElementChild 获取其所有元素子节点中的最后一个(小儿子)
- parentNode 获取其唯一的父节点
- previousSibling 获取其哥哥节点(只获取一个,紧挨着的这一个,而且不一定是元素节点)
- previousElementSibling 获取其元素哥哥节点(获取的是元素节点)
- nextSibling 获取其弟弟节点
- nextElementSibling 获取其元素弟弟节点
如果找不到自己想要的,结果都是null
动态创建一个元素节点(元素标签)
document.createElement('标签名')
我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!