本文介绍如何使用原生JavaScript编写一个类似jQuery addClass功能的函数。通过判断元素是否已有className，实现类名的追加逻辑，避免覆盖原有样式。包含完整的函数定义、CSS样式示例及页面加载后的调用测试代码，适用于需要轻量级DOM操作的场景。
原生JS实现addClass函数详解
该函数旨在为指定DOM元素添加CSS样式，功能类似于jQuery库中的addClass方法，即为匹配的元素追加指定的类名。
与jQuery中addClass要求传入字符串类型的CSS类名（多个类名需以空格分隔）一致，此函数也遵循相同的参数规范。
相关CSS样式定义如下：
div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}JavaScript函数实现代码如下：
function addClass(elements, value)
{
if (!elements.className) {
elements.className = value;
}
else
{
newClass = elements.className;
newClass += " ";
newClass += value;
elements.className = newClass;
}
}
window.onload = function ()
{
var test = document.getElementById('test');
alert(test.className);
addClass(test, 'a b');
//addClass(test, 'b');
} <div id="test">这里是测试层</div>