js DOM

日期和时间

ECMAScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。

创建日期对象和调用

创建一个日期对象，使用new运算符和Date构造方法(构造函数)即可

var time = new Date();  //创建一个日期对象Sun Jul 07 2019 22:35:41 GMT+0800 (中国标准时间)
console.log(time.toDateString());//2019  获取年份
getTime()                     获取日期的毫秒数，和valueOf()返回一致
setTime()                     以毫秒数设置日期，会改变整个日期
getFullYear()                 获取四位年份
setFullYear()                 设置四位年份，返回的是毫秒数
getMonth()                    获取月份，没指定月份，从0开始算起
setMonth()                    设置月份 
getDate()                     获取日期 
var time = new Date('2014,5,27')或var time = new Date(2014,5,27);  //Tue May 27 2014 00:00:00 GMT+0800 (中国标准时间)
在调用Date构造方法而不传递参数的情况下，新建的对象自动获取当前的时间和日期。
alert(time);    //不同浏览器显示不同

DOM介绍

DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。
DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。
DOM脱胎于Netscape及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。
D（文档）可以理解为整个Web加载的网页文档；
O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；
M（模型）可以理解为网页文档的树型结构。

getElementById() 获取特定ID元素的节点

console.log(document.getElementById('aa'));//获取id元素

getElementByclass() 获取特定class元素的节点

console.log(document.getElementsByClassName('aa'));//获取class节点

getElementsByTagName() 获取相同元素的节点列表

console.log(document.getElementsByTagName('span'));//获取span元素

getElementsByName() 获取相同名称的节点列表

console.log(document.getElementsByName('aa'));

getAttribute() 获取特定元素节点属性的值

setAttribute() 设置特定元素节点属性的值

removeAttribute() 移除特定元素节点属性