/**
* 将当前年份赋值给指定 id 的元素
* @param {string} elementId - 要赋值的元素的 id
* @returns {boolean} - 如果元素存在并成功赋值,返回 true;否则返回 false
*/
function setCurrentYear(elementId) {
// 获取当前年份
const currentYear = new Date().getFullYear();
// 获取指定 id 的元素
const element = document.getElementById(elementId);
// 检查元素是否存在
if (element) {
// 更新元素内容
element.textContent = currentYear;
return true;
} else {
console.error(`元素 id "${elementId}" 不存在`);
return false;
}
}
实例
<!DOCTYPE html>
<html>
<head>
<title>显示当前年份</title>
</head>
<body>
<span id="currentYear"></span>
<script>
// 调用封装好的方法
setCurrentYear('currentYear');
</script>
</body>
</html>
方法2
/**
* 将当前年份嵌入到指定元素的内容中
* @param {string} elementId - 要赋值的元素的 id
* @param {string} prefix - 年份前的文本
* @param {string} suffix - 年份后的文本
* @returns {boolean} - 如果元素存在并成功赋值,返回 true;否则返回 false
*/
function setCurrentYearWithText(elementId, prefix = '', suffix = '') {
const currentYear = new Date().getFullYear();
const element = document.getElementById(elementId);
if (element) {
element.textContent = `${prefix}${currentYear}${suffix}`;
return true;
} else {
console.error(`元素 id "${elementId}" 不存在`);
return false;
}
}
// 输出 "Copyright © 2025"
setCurrentYearWithText('currentYear', 'Copyright © ', '');
//
<span id="currentYear">Copyright © </span>
// 获取当前日期
const currentDate = new Date();
// 获取当前年份
const currentYear = currentDate.getFullYear();
//赋值
document.getElementById('currentYear').textContent = `Copyright © ${currentYear}`;
版权属于:
小破孩
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)