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('标签名')