2021-03-04

1.查询DOM元素

1.document.querySelector("选择器")

  查找到的是第一个元素

2.document.querySelectorAll("选择器")

  伪数组

3.id选择器 document.getElementById("不需要加#");

4.通过类选择器查找document.getElementByClassName("div");

  伪数组

5.通过元素名查找document.getElementByTagName("div");

  伪数组

2.创建DOM元素

document.createElement("标签的名字")

步骤

  1.创建dom元素

  var 变量名= document.createElement("标签的名字")；

  2.放内容

  dom.innerText = "wenben"

    放文本

  dom.innerHTML = "<div>< img src="" ></div>"

    放HTML里的字符串

  dom.src="";

  dom.appendChild(子元素)；

    dom 不一定是父元素

  3.放到父元素中

  父元素.appendChild(dom);

<ul class="nav"></ul>

<script>

//在nav里面  创建一个li  里面放入  首页  文字

    var nav = document.querySelector(".nav");

    var li = document.createElement("li");

    li.innerText = "首页";

    nav.appendChild(li);

</script>

  <ul class="goods"></ul>

//商品goods

    var goods =document.querySelector(".goods");

    var goodsItem = document.createElement("li");

    goods.appendChild(goodsItem);

创建日期对象

获取当前日期

  var date = new Date();

new 通过类名 创建对象的关键字

Date 日期类

通过日期类  -> 创建一个当前的日期对象

  日期

  年

  月

    得加1

  日

  周

    大写的M

  时

  分

    小写的M

  秒

  毫秒

获取将来 过去的时间（指定时间）

  new Date(1288336112000)

  var date = new Date();

date.setTime(1288336112000);

时间戳

1970年-某个时间的  毫秒数

时间戳 转 日期对象

  new Date(1288336112000)

  var date = new Date();

date.setTime(1288336112000);

日期对象 转 时间戳

  var date = new Date();

date.getTime();