为指定元素增加样式的js代码
更新时间：2009年12月09日 04:05:48 作者：
从此例子中发现，js对"" 与 " " ，注意中间还有一空格，解析是非常严格的。在java与net中还有待于研究。
这个函数主要是为指定的元素添加样式。相当于Jquery中的addClass(class)--为每个匹配的元素添加指定的类名。
在Jquery中要求 class (String) : 一个或多个要添加到元素中的CSS类名，请用空格分开。而这个函数也是有这样的要求。
div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}
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>
在Jquery中要求 class (String) : 一个或多个要添加到元素中的CSS类名，请用空格分开。而这个函数也是有这样的要求。
复制代码 代码如下:
div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}
复制代码 代码如下:
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>
相关文章
pixijs 是一个强大的 Web Canvas 2D 库，以其强大性能而著称。这篇文章主要带大家学习一下PixiJS是如何实现常见图形绘制的，希望对大家有所帮助2023-02-02
分享别人写的一个小型js框架...2007-08-08
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
今天小编就为大家分享一篇关于js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
无刷新上传解析csv文件的实现代码，需要的朋友可以参考下。2010-05-05
这篇文章主要为大家详细介绍了js+css实现扇形导航效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解，感兴趣的小伙伴们可以参考一下2016-01-01
本篇文章主要是对js导航栏单击事件背景变换的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
本篇文章主要介绍了JS敏感词过滤实例，详细的介绍了两种方法，RegExp（），replace（），具有一定的参考价值，有兴趣的可以了解一下。2016-12-12
好久没写了。感觉今时今日，HTML5 还依然只是一种玩票的东东。但愿 w3c 的标准可以早一点出台，不要让各种浏览器的兼容问题和支持程度搞死2011-11-11
在JavaScript中添加css样式(js追加类)代码示例
这篇文章主要给大家介绍了关于在JavaScript中如何添加css样式,也就是js追加类的相关资料,JavaScript是一种广泛应用于互联网开发的编程语言,它能够帮助网页实现动态效果和交互性,需要的朋友可以参考下2024-01-01
最新评论