为指定元素增加样式的js代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 为指定元素增加样式的js代码

技术文章搜索

关键字

Javascript 中的为指定元素增加样式的js代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 545 ::

收藏到网摘: n/a

动态调整textarea中字体的大小代码 jQuery Selectors(选择器)的使用(七、子元素篇)

从此例子中发现，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>

动态调整textarea中字体的大小代码 jQuery Selectors(选择器)的使用(七、子元素篇)

Javascript 中的 为指定元素增加样式的js代码

评论 (0) All

Javascript 中的为指定元素增加样式的js代码