前端基础——javaScript（三）

JavaScript基础（三）

DOM

HTML加载后，渲染 引擎会把内存中HTML文档，生成一个DOM树，getElementByID是获取其中DOM上的元素节点。然后操作的时候修改的是该元素的属性。

DOM是一个复合的数据类型。

DOM的结构如下：

在HTML当中一切都是节点，每一个HTML标签都是一个节点。每一个文字和属性都是节点。

DOM节点获取方式：
document.getElementById(‘id’)
document.getElementByTagName(‘div’)
document.getElementByClassName(‘a’)
.parentNode
.nextSibling
.previousSibling
.firstChild
.lastChild
.childNodes
.parentNode.children[index]

创建节点
document.write()
document.createElement（‘标签名’）
innerHTML

插入节点
.appendChild(新节点)
.insertBefore(新节点，参考节点)

删除节点
.removeChild(子节点)

复制节点
.cloneNode(参数)

节点属性
获取属性：getAttribute(名称)
设置属性：setAttribute(名称,值)
删除属性：removeAttribute(名称)

Date

创建时间对象

new Date();

时间对象方法
date.getDate() 获取日
date.getDay() 获取星期 0-6
date.getMonth() 获取月 0-11
date.getFullYear() 获取年份
date.getHours() 获取小时0-23
date.getMinutes() 获取分钟0-59
date.getSecondes() 获取秒0-59
date.getMilliseconds() 获取毫秒
date.getTime() 返回累计毫秒

String

按照索引查字符
charAt 获取相应位置字符
charCodeAt 获取相应位置字符编码

给字符查索引
indexOf 从前向后查索引
lastIndexOf 从后向前查索引

字符串链接
str1.concat(str2) 链接两个字符串

字符串截取
slice(截取位置，截取终点)
substr(截取位置，截取长度)

额外方法
trim() 去除字符串前后空白
replace() 替换
split() 字符串变数组
toLowerCase()，toUpperCase() 大小写转换

Math

Math.abs() 取绝对值
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入取整
Math.random() 随机数0-1

小结

欢迎补充纠正，持续更新…