JS基础学习笔记(1) | 青训营笔记

65 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第三天

今天稍微记录一下我学习JavaScript的笔记。这次先写Date日期对象和几种获取元素对象的方法。

  1. Date日期对象
    Date日期对象是一个构造函数,使用时必须用new来创建一个日期对象。
    如:var date = new Date();
    Date()构造函数有三种常见的形式:
  • 括号内不带参数:返回计算机当前的日期和时间。
  • 数字型:(2022,7,30);此时返回的月份是8月。
  • 字符串型:('2022-7-30 21:06:06');效果同上。

接下来再写几种Date的常用方法:

  • getFullYear(),这个方法可以用来获取date对象的年份。
  • getMonth(),这个方法可以用来获取date对象的月份,但是月份数字是从0到11。
  • getDate(),这个方法可以用来获取date对象的日数。
  • getDay(),这个方法可以用来获取date对象当前是周几(周0至周6)。
  • getHours() getMinutes() getSeconds(),这几个方法可以用来获取date对象的时分秒。

2.获取元素对象

  • document.getElementById():根据id名字来获取指定元素,参数里面的id区分大小写,如果没有这个id就返回null,反之返回一个元素对象。
  • document.getElementsByTagNeme():根据标签名字来获取指定元素,参数是字符串类型,为标签名字,返回的是元素集合,以伪数组的形式存储,如果没有元素,就返回一个空的伪数组。
  • document.getElementsByClassNeme():根据类名来获取指定元素,参数是字符串类型,返回机制和标签的一样。
  • document.querySelector():返回指定选择器的第一个元素对象,参数是字符串类型,与CSS一样需要加上.#
  • document.querySelectorAll():返回指定选择器的所有元素对象,返回一个伪数组。

注:document可以换成一个指定对象,即以上方法可以嵌套使用。如:有一个ul,一个ol,要选择ol里的li时可以先获取ol再获取li