JavaScript 简易日期处理与 DOM 操作函数
作者:像素猫时间:2026-10-23 22:54:49浏览:631
本文提供了几段简练的 JavaScript 代码,分别用于处理日期数据、动态创建 DOM 元素以及添加事件监听。通过封装 myDate 类获取时间分量,利用 createDOM 函数简化元素生成,并结合 addEvent 实现跨浏览器的兼容事件绑定,适合需要轻量级工具函数的场景。
// 复制代码
代码如下:
日期处理函数// 日期处理类
function myDate(time) {
var d = new Date(time);
this.y = d.getFullYear();
this.m = d.getMonth();
this.d = d.getDate();
this.h = d.getHours();
this.m = d.getMinutes();
this.s = d.getSeconds();
}
DOM 创建函数// 创建 DOM 元素
function createDOM(e, p) {
var el = document.createElement(e);
if (!p)
p = document.body;
p.appendChild(el);
return el;
}
事件监听封装// 为 DOM 添加事件监听
function addEvent(el, event, fn) {
el.addEventListener ? el.addEventListener(event, fn, false) : el.attachEvent("on" + event, fn);
} 作者最新文章
js-cookie 安装与基础用法:set、get、remove 详解
2026-11-05 16:35:06
适合JavaScript初学者的实战项目:制作简易待办事项列表
2026-11-05 16:17:07
JS打开新标签页时怎么通过URL传递参数
2026-11-05 12:21:08
sigma.js 自定义节点样式:设置颜色、大小及标签显示的技巧
2026-11-05 09:55:00
JS 生成的统计图怎么导出为 PNG 图片或 PDF 文件?
2026-11-05 09:37:58
