JS常见方法

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腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！