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(模型)可以理解为网页文档的树型结构。

  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

  </head>
  <body>
<div id="aa" name=‘aa’ title=‘aa’></div>
<div class="aa"></div>
<div class="bb"></div>
<script>
    var time = new Date();
    console.log(time);
    var times = new Date('2014.5.27');
    console.log(time.toLocaleTimeString());

  </script>
<!-- <script src="./for.js"></script> -->
</html>
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() 移除特定元素节点属性
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 相关概念 由 W3C 批准并由所有于标准相兼容的 Web 浏览器支持的第三方技术成为 DOM (文档对象模型...
    梦回吹角连营阅读 2,854评论 0 3
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 9,068评论 0 7
  • 翻译自:高性能Javascript 第三章Dom操作是昂贵的,它通常是web应用的性能瓶颈。这篇文章讨论Dom操作...
    Addy_Zhou阅读 8,159评论 0 5
  • 有的没的 DOM就是把html视为一个层次结构(树形结构)的文档 文档(Document):一个页面就是一个文档,...
    哎呦呦胖子斌阅读 4,082评论 0 0
  • 什么是DOM?DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Obje...
    浮若年华_7a56阅读 1,885评论 0 0