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);
} 
作者最新文章