从零开始学习 JS APL（四）：完整指南和实例解析

本文介绍: 以上两种方法都可以用来删除已有的节点，第一种方法需要先选择该节点的父元素，然后调用 r emo v eChi ld()方法。第二种方法可以直接调用被删除节点的r emo v e()方法来删除节点。上面两种方法都可以用来增加新的节点，第一种方法会先创建一个新的元素，然后将其添加为已有元素的子节点。l 插件: 就是别人写好的一些代码,我们只需要复制对应的代码,就可以直接实现对应的效果。Ø 将来的时间戳 – 现在的时间戳 = 剩余时间毫秒数。

1. 理解节点(标签)的增删改查
2. 具备编写增加学生信息表案例的能力

日期对象：

目标：掌握日期对象，可以让网页显示日期

目标：能够实例化日期对象
l 在代码中发现了 new 关键字时，一般将这个操作称为实例化
l 创建一个时间对象并获取时间
Ø 获得当前时间

const timestamp = new Date().getTime();
console.log(timestamp);

const timestamp = new Date().valueOf();
console.log(timestamp);

const timestamp = +new Date();
console.log(timestamp);

// 选择父元素
const parent = document.querySelector(".parent");
// 创建一个新元素
const newElement = document.createElement("div");
// 添加内容
newElement.innerHTML = "新的div元素";
// 添加元素作为父元素的子节点
parent.appendChild(newElement);

// 选择要插入的元素
const targetElement = document.querySelector(".target");
// 插入HTML字符串
targetElement.insertAdjacentHTML("beforeend", "<div&gt;新的div元素</div&gt;");

// 选择要删除的节点
const nodeToDelete = document.querySelector(".to-delete");
// 选择该节点的父元素
const parent = nodeToDelete.parentNode;
// 删除该节点
parent.removeChild(nodeToDelete);

// 选择要删除的节点
const nodeToDelete = document.querySelector(".to-delete");
// 删除该节点
nodeToDelete.remove();

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

学习插件节点

方法	作用	说明
getFullYe ar()	获得年份	获取四位年份
getMo nth()	获得月份	取值为 0 ~ 11
getDa te()	获取月份中的每一天	不同月份取值也不相同
getDay()	获取星期	取值为 0 ~ 6
getHours()	获取小时	取值为 0 ~ 23
getMinut es()	获取分钟	取值为 0 ~ 59
getSec on ds()	获取秒	取值为 0 ~ 59

学习 目标：

学习 内容：

学习时间：

学习 内容：

时间戳:

DOM 节点：

插件：

综合案例：

发表回复取消回复

学习目标：

学习内容：

学习时间：

学习内容：

时间戳:

DOM 节点：

插件：

综合案例 ：

相关文章

发表回复 取消回复

综合案例：

发表回复取消回复